/**
 * base style
 */
/**
 * mixins
 */
/**
 * reset style
 */
/*内外边距通常让各个浏览器样式的表现位置不同*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
/*去掉各Table  cell 的边距并让其边重合*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*IE bug fixed: th 不继承 text-align*/
th {
  text-align: inherit;
}
/*对齐是排版最重要的因素, 别让什么都居中*/
caption,
th {
  text-align: left;
}
/*去除默认边框*/
img {
  border: 0;
}
/*解决 IE6-7 图片缩放锯齿问题*/
img {
  -ms-interpolation-mode: bicubic;
}
/*ie6 7 8(q) bug 显示为行内表现*/
iframe {
  display: block;
}
/*去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去*/
ul,
ol,
li {
  list-style: none;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
button,
input,
select,
textarea {
  /*表单元素不继承父级 font 的问题*/
  font-family: inherit;
  font-size: 100%;
  vertical-align: middle;
  font-weight: normal;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
  /*去chrome focus默认的高亮边框*/
  outline: none;
}
textarea {
  /*去IE6/7/8/9中默认的竖直滚动条*/
  overflow: auto;
  vertical-align: top;
}
button,
input {
  /*IE6/7中padding会随文字长度变化*/
  /*overflow: visible;*/
  /*firefox 4+ 中 !important*/
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}
/*不可点击按钮*/
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  /*统一设置盒模型 （IE8/9中盒模型是content-box）*/
  box-sizing: border-box;
  /*IE8/9中去掉多余的padding*/
  padding: 0;
  /*IE6/7中的默认*/
  *background-color: transparent;
}
/**
 * html5  reset style
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/*如同img标签*/
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  /*没有controls属性统一不显示，*/
  display: none;
  /*防止IOS5下多余的高度*/
  height: 0;
}
/*
 重置a元素：
    1. 去掉IE10中已激活链接的灰色背景
    2. 处理chrome与其它浏览器在a:focus时的不同
    3. 提升a:active,a:hover时元素的可读性
    4. 去掉下划线
 */
.chat-block a {
  cursor: pointer;
}
a {
  background: transparent;
  /*1*/
}
a:focus {
  outline: thin dotted;
  /*2*/
}
a:active,
a:hover {
  outline: 0;
  /*3*/
}
a:link,
a:visited,
ins {
  text-decoration: none;
  /* 4*/
}
/*浮动*/
.fl {
  float: left;
}
.fr {
  float: right;
}
/*清除浮动*/
.clearfix:after {
  content: " .";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.clearfix {
  *zoom: 1;
}
/*a标签样式*/
a {
  color: #005EA7;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/*标题文字*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333;
}
/*突出文字*/
.txt-point {
  color: #e53836;
}
body {
  background-color: #ABABAB;
  color: #333333;
  font: 12px/150% 'Microsoft YaHei',Arial, Verdana, "宋体";
  font-weight: normal;
}
.jimi_revision .wrap {
  width: auto;
  height: auto;
}
.jimi_revision .l-area {
  margin-right: -358px;
  width: 100%;
}
.jimi_revision .l-area .l-area-content {
  margin-right: 358px;
  width: auto;
  min-width: 420px;
}
.wrap {
  width: 990px;
  height: 600px;
  margin: 0 auto;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px #777777;
  border-radius: 3px;
}
.header {
  position: relative;
  padding: 9px 0 4px 12px;
  height: 50px;
  background-color: #2d8ef2;
  border-radius: 3px 3px 0 0;
  *z-index: 1;
}
.header .logo {
  /*background: url("../img/jimi_topLogo.png") no-repeat;*/
  height: 88px;
  left: 0;
  top: -25px;
  width: 535px;
  position: absolute;
  z-index: 1;
}
.header .logo-name {
  margin: 3px 0 2px 75px;
  width: 234px;
  height: 18px;
  background: url(../img/icon1.png) no-repeat -105px -74px #2796e1;
}
.header .sign {
  margin: 0 150px 0 79px;
  line-height: 24px;
  font-weight: bold;
  font-size: 14px;
  font-family: "Microsoft YaHei","微软雅黑";
}
.header .sign:hover {
  cursor: default;
}

.header .sign,
.header .service-online {
  color: #91c4ed;
}
.header .service-online{
  position: absolute;
  top: 0;
  right: 135px;
  width: 67px;
  height: 64px;
  cursor: pointer;
  text-align: center;
  line-height: 98px;
}
.header .service-online .service-icon {
  display: block;
  width: 38px;
  height: 38px;
  left: 18px;
  top: 10px;
  position: absolute;
  background: url(../img/support.png) no-repeat 0 0;
}
.header .service-online a {
  color: #FFFFFF;
  font-weight: normal;
}
.header .separate-line {
  position: absolute;
  top: 13px;
  right: 113px;
  width: 1px;
  height: 40px;
  background-color: #51a7e5;
}
/**
*   微信二微码
*/
.header .weixin-code{
    position: absolute;
    top: 0;
    right: 202px;
    z-index: 123;
    width: 67px;
    height: 64px;
    cursor: pointer;
    text-align: center;
    line-height: 98px;
 }
.header .weixin-code .weixin-img-s{
    color: #fff;
    font-weight: 400;
 }
.header .weixin-code .weixin-icon{
    display: block;
    width: 38px;
    height: 38px;
    left: 18px;
    top: 10px;
    position: absolute;
    background: url(../img/weixin-icon.png) no-repeat 0 0;
 }
.header .weixin-code .weixin-img-b{
    background: url(../img/jimi-weixin.png) no-repeat 0 0;
    position: absolute;
    display: block;
    top: 55px;
    right: -10px;
    width: 184px;
    height: 70px;
    padding-top: 118px;
    text-align:center;
    display: none;
 }
.header .weixin-code .jrweixin-img-b{
  background: url(../img/jrjimi-weixin.png) no-repeat 0 0;
  position: absolute;
  display: block;
  top: 55px;
  right: -10px;
  width: 184px;
  height: 70px;
  padding-top: 118px;
  text-align:center;
  display: none;
}
.header .weixin-code:hover .weixin-img-b{
    display: block;
 }
.header .weixin-code:hover .jrweixin-img-b{
  display: block;
}
/**
*   默认皮肤
*/
.header .full-screen {
  background: url(../img/icon1.png) no-repeat -50px -358px;
  cursor: pointer;
  height: 64px;
  position: absolute;
  right: 67px;
  top: 0;
  width: 67px;
}
.header .full-screen:hover {
  background: url(../img/icon1.png) no-repeat -117px -358px;
}
.header .full-screen-quit {
  background: url(../img/icon1.png) no-repeat -184px -358px;
  cursor: pointer;
  height: 64px;
  position: absolute;
  right: 67px;
  top: 0;
  width: 67px;
}
.header .full-screen-quit:hover {
  background-position: -251px -358px;
}

.header .close-screen {
  background: url(../img/icon1.png) no-repeat -318px -358px;
  cursor: pointer;
  height: 64px;
  position: absolute;
  right: 0;
  top: 0;
  width: 67px;
  border-top-right-radius: 3px;
}
.header .close-screen:hover {
  background: url(../img/icon1.png) no-repeat -385px -358px;
}

/**
*   紫色皮肤
*/
.header .full-screen-purple {
    background: url(../img/bg-icon-set.png) no-repeat 0 0;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}
.header .full-screen-purple:hover {
    background: url(../img/bg-icon-set.png) no-repeat -67px 0;
}
.header .full-screen-quit-purple {
    background: url(../img/bg-icon-set.png) no-repeat -134px 0;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}
.header .full-screen-quit-purple:hover {
    background-position: -201px 0;
}
.header .close-screen-purple {
    background: url(../img/bg-icon-set.png) no-repeat -268px 0;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
    border-top-right-radius: 3px;
}
.header .close-screen-purple:hover {
    background: url(../img/bg-icon-set.png) no-repeat -335px 0;
}

/**
*   粉色皮肤
*/
.header .full-screen-pink {
    background: url(../img/bg-icon-set.png) no-repeat 0 -67px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}
.header .full-screen-pink:hover {
    background: url(../img/bg-icon-set.png) no-repeat -67px -67px;
}
.header .full-screen-quit-pink {
    background: url(../img/bg-icon-set.png) no-repeat -134px -67px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}
.header .full-screen-quit-pink:hover {
    background-position: -201px -67px;
}
.header .close-screen-pink {
    background: url(../img/bg-icon-set.png) no-repeat -268px -67px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
    border-top-right-radius: 3px;
}
.header .close-screen-pink:hover {
    background: url(../img/bg-icon-set.png) no-repeat -335px -67px;
}

/**
*   绿色皮肤
*/
.header .full-screen-green {
    background: url(../img/bg-icon-set.png) no-repeat 0 -134px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}
.header .full-screen-green:hover {
    background: url(../img/bg-icon-set.png) no-repeat -67px -134px;
}
.header .full-screen-quit-green {
    background: url(../img/bg-icon-set.png) no-repeat -134px -134px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 67px;
    top: 0;
    width: 67px;
}
.header .full-screen-quit-green:hover {
    background-position: -201px -134px;
}
.header .close-screen-green {
    background: url(../img/bg-icon-set.png) no-repeat -268px -134px;
    cursor: pointer;
    height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
    border-top-right-radius: 3px;
}
.header .close-screen-green:hover {
    background: url(../img/bg-icon-set.png) no-repeat -335px -134px;
}

.l-area {
  width: 632px;
  overflow: hidden;
}
.l-area .l-area-content .chat-block {
  position: relative;
  padding-top: 8px;
  padding-bottom: 17px;
  height: 400px;
  background-color: #EFF0F2;
}
.jimi_lists {
  /*max-width: 624px;*/
  margin: 0 -10px 20px 10px;
  position: relative;
  *zoom: 1;
}
.jimi_lists .header_img {
  width: 50px;
  height: 50px;
  position: absolute;
  top:0;
  left:0;
}

/**
*   随机头像
*/
.jimi_lists .header_img.jimi1 {
  background: url(../img/jimi_50_1.png) no-repeat 0 0;
}
.jimi_lists .header_img.jimi2 {
  background: url(../img/jimi_50_2.png) no-repeat 0 0;
}
.jimi_lists .header_img.jimi3 {
  background: url(../img/jimi_50_3.png) no-repeat 0 0;
}
.jimi_lists .header_img.jimi4 {
  background: url(../img/jimi_50_4.png) no-repeat 0 0;
}

/**
*   专属JIMI头像
*/
.jimi_lists .header_img.novice-male {
    background: url(../img/novice-male.png) no-repeat 0 0;
}
.jimi_lists .header_img.novice-female {
    background: url(../img/novice-female.png) no-repeat 0 0;
}
.jimi_lists .header_img.middle-male {
    background: url(../img/middle-male.png) no-repeat 0 0;
}
.jimi_lists .header_img.middle-female {
    background: url(../img/middle-female.png) no-repeat 0 0;
}
.jimi_lists .header_img.high-male {
    background: url(../img/high-male.png) no-repeat 0 0;
}
.jimi_lists .header_img.high-female {
    background: url(../img/high-female.png) no-repeat 0 0;
}
.jimi_lists .header_img.elementary-male {
    background: url(../img/elementary-male.png) no-repeat 0 0;
}
.jimi_lists .header_img.elementary-female {
    background: url(../img/elementary-female.png) no-repeat 0 0;
}

/**
*   自定义头像
*/
.jimi_lists .header_img.self-1 {
    background: url(../img/self-1.png) no-repeat 0 0;
}
.jimi_lists .header_img.self-2 {
    background: url(../img/self-2.png) no-repeat 0 0;
}
.jimi_lists .header_img.self-3 {
    background: url(../img/self-3.png) no-repeat 0 0;
}
.jimi_lists .header_img.self-4 {
    background: url(../img/self-4.png) no-repeat 0 0;
}

.jimi_lists .msg {
  margin-left: 59px;
  margin-right: 40px;
  margin-top: 2px;
  float: left;
  display: inline;
}
/*商品推荐列表*/
.jimi_lists .msgP {
  margin-left: 60px;
  margin-right: 20px;
}
.jimi_lists .lt {
  background: url(../img/msg_bg_lr.png) no-repeat 0 0;
  width: 26px;
  height: 10px;
}
.jimi_lists .tt {
  background: url(../img/msg_bg_tb.png) repeat-x 0 -23px;
  height: 10px;
}
.jimi_lists .rt {
  background: url(../img/msg_bg_lr.png) no-repeat -35px 0;
  width: 10px;
  height: 10px;
}
.jimi_lists .lm {
  background: url(../img/msg_bg_lr.png) repeat-y -94px 0;
  width: 26px;
  vertical-align: top;
  position: relative;
  *zoom: 1;
}
.jimi_lists .lm span {
  background: url(../img/msg_bg_lr.png) no-repeat 0 -14px;
  display: inline-block;
  width: 26px;
  height: 16px;
  position: absolute;
  top: 5px;
}
.jimi_lists .mm {
  /*max-width: 500px;*/
  padding: 0 5px;
  background-color: #FFFFFF;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  line-height: 20px;
  /* min-width: 200px; */
}
.jimi_lists .mm.satisfaction-degree {
  position: relative;
  display: block;
  padding: 0 13px 44px 13px;
  min-width: 200px;
}
.jimi_lists .mm.satisfactioncare-degree {
  position: relative;
  display: block;
  padding: 0 13px 15px 13px;
  min-width: 200px;
}
.jimi_lists .mm .btn-area {
  position: absolute;
  bottom: 7px;
  right: 8px;
}
.jimi_lists .mm .btn-area .btn-blue,
.jimi_lists .mm .btn-area .btn-gray {
  display: block;
  float: left;
  width: 63px;
  height: 22px;
  background: url(../img/icon1.png) no-repeat 0 -250px;
}
.jimi_lists .mm .btn-area .btn-blue:hover,
.jimi_lists .mm .btn-area .btn-gray:hover {
  background-position: 0 -279px;
}
.jimi_lists .mm .btn-area .btn-blue.click,
.jimi_lists .mm .btn-area .btn-gray.click {
  background-position: 0 -308px;
}
.jimi_lists .mm .btn-area .btn-gray {
  margin-left: 10px;
  background-position: -77px -250px;
}
.jimi_lists .mm .btn-area .btn-gray:hover {
  background-position: -77px -279px;
}
.jimi_lists .mm .btn-area .btn-gray.click {
  background-position: -77px -308px;
}

.jimi_lists .mm .msg-teach {
  width: 350px;
  height: 102px;
  padding-left: 110px;
  text-align: right;
  background: url("../img/jimi_teach_logo.png") no-repeat -8px -8px;
}

.jimi_lists .mm .msg-teach-ok {
  width: 350px;
  height: 102px;
  padding-left: 110px;
  background: url("../img/jimi_teach_ok.png") no-repeat 35px -4px;
}

.jimi_lists .mm .msg-teach-ok .msg-teach-title{
  color: #666666;
  font-weight: bold;
  text-align: left;
  height: 102px;
  line-height: 102px;
  padding-left: 50px;
}

.jimi_lists .mm .msg-teach .msg-teach-title {
  color: #666666;
  font-weight: bold;
  text-align: left;
}


.jimi_lists .mm .answer-input input {
  padding: 0 5px;
  width: 337px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #D4D9DF;
  background-color: #EFF0F2;
  border-radius: 2px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: 10px;
}
.jimi_lists .mm .answer-input input:focus {
  border-color: #6cb4eb;
}
.jimi_lists .mm .answer-input a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 8px 0 0 0;
  width: 55px;
  height: 28px;
  padding: 0;
  line-height: 28px;
}
.jimi_lists .mm .answer-input a:hover {
  background-position: -156px -278px;
}
.jimi_lists .mm .answer-input a.click {
  background-position: -156px -306px;
}
.jimi_lists .rm {
  background: url(../img/msg_bg_lr.png) repeat-y -113px 0;
  width: 10px;
}
.jimi_lists .lb {
  background: url(../img/msg_bg_lr.png) no-repeat 0 -43px;
  width: 10px;
  height: 10px;
}
.jimi_lists .bm {
  background: url(../img/msg_bg_tb.png) repeat-x 0 -25px;
  height: 10px;
}
.jimi_lists .rb {
  background: url(../img/msg_bg_lr.png) no-repeat -35px -43px;
  width: 10px;
  height: 10px;
}
.customer_lists {
  position: relative;
  margin: 0 12px 20px 20px;
}
.customer_lists .header_img_hover {
  position: absolute;
  background: url(../img/avatar_mask_01.png);
  top: 0;
  width: 50px;
  height: 50px;
}
.customer_lists .header_img {
  position: absolute;
  top: 0;
  right: 14px;
  width: 50px;
  height: 50px;
}
.customer_lists .header_img img {
  width: 100%;
  height: 100%;
}
.customer_lists .msg {
  float: right;
  margin-right: 73px;
  _margin-right: 38px;
  margin-top: 2px;
}
.customer_lists .lt {
  background: url(../img/msg_bg_lr.png) no-repeat -47px -0;
  width: 10px;
  height: 10px;
}
.short_cut_msg.customer_lists .lt{
  background:url(http://img14.360buyimg.com/cms/jfs/t4201/26/2536934859/286/4e629d68/58d26da7N19364f6a.png) 0 0;
  width: 5px;
  height: 5px;
}
.customer_lists .tt {
  background: url(../img/msg_bg_tb.png) repeat-x 0 0;
  height: 10px;
}
.short_cut_msg.customer_lists .tt{
  height: 5px;
}
.customer_lists .rt {
  background: url(../img/msg_bg_lr.png) no-repeat -63px 0;
  width: 26px;
  height: 10px;
}
.short_cut_msg.customer_lists .rt {
  background: url(http://img14.360buyimg.com/cms/jfs/t4201/26/2536934859/286/4e629d68/58d26da7N19364f6a.png) -5px 0 no-repeat;
  width: 5px;
  height: 5px;
}
.customer_lists .lm {
  background: url(../img/msg_bg_lr.png) repeat-y -126px 0;
  width: 10px;
}

.short_cut_msg.customer_lists .lm{
  width: 5px;
}
.customer_lists .mm {
  padding: 1px 8px;
  background-color: #3897E7;
  word-break: break-all;
  word-wrap: break-word;
  color: #FFFFFF;
  /*text-shadow: 0px 0px 1px #FFFFFF;*/
}
.short_cut_msg.customer_lists .mm {
  padding: 0px;
  background-color: transparent;
}
.customer_lists .rm {
  background: url(../img/msg_bg_lr.png) repeat-y -129px 0;
  width: 26px;
  vertical-align: top;
  position: relative;
  *zoom: 1;
}
.short_cut_msg.customer_lists .rm {
  background-position: -134px 0;
}
.customer_lists .rm span {
  background: url(../img/msg_bg_lr.png) no-repeat -63px -14px;
  display: inline-block;
  width: 26px;
  height: 16px;
  position: absolute;
  top:5px;
}

.short_cut_msg.customer_lists .rm span {
  background-position: -68px -14px;
}
.customer_lists .lb {
  background: url(../img/msg_bg_lr.png) no-repeat -47px -36px;
  width: 10px;
  height: 10px;
}
.short_cut_msg.customer_lists .lb{
  background:url(http://img14.360buyimg.com/cms/jfs/t4201/26/2536934859/286/4e629d68/58d26da7N19364f6a.png) 0 -4px;
  width: 5px;
  height: 5px;
}
.customer_lists .bm {
  background: url(../img/msg_bg_tb.png) repeat-x -106px -4px;
  height: 10px;
}
.short_cut_msg.customer_lists .bm{
  height: 5px;
}
.customer_lists .rb {
  background: url(../img/msg_bg_lr.png) no-repeat -63px -36px;
  width: 26px;
  height: 10px;
}
.short_cut_msg.customer_lists .rb {
  background: url(http://img14.360buyimg.com/cms/jfs/t4201/26/2536934859/286/4e629d68/58d26da7N19364f6a.png) no-repeat -5px -4px;
  height: 5px;
}
.edit-block {
  position: relative;
  height: 120px;
  /*border-right: 1px solid #ffffff;*/
  border-top: 1px solid #DCDEE4;
  border-radius: 0 0 0 3px;
}
.edit-block .inputL {
  float: left;
  /*background: url(../img/inputBg.png) no-repeat 0 0;*/
  width: 552px;
  height: 120px;
}
.edit-block .inputM {
  float: left;
  /*background: url(../img/inputBg1.png) repeat 0 0;*/
  width: 10px;
  _width: 7px;
  height: 120px;
}
.edit-block .inputR {
  float: left;
  /*background: url(../img/inputBg.png) no-repeat -599px 0;*/
  width: 70px;
  height: 120px;
}
.edit-block .text-type {
  position: absolute;
  padding-left:8px;
  padding-top:4px;
  top: 10px;
  left: 12px;
  border: 0 none;
  resize: none;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  /*word-break: break-all;*/
  word-wrap: break-word;
  overflow: hidden;
  width: 610px;
  height: 54px;
  font-weight: normal;
}
.edit-block .satisfaction-percent {
  position: absolute;
  bottom: 14px;
  left: 13px;
  display: block;
  background: url(../img/icon1.png) no-repeat -180px -150px #FFFFFF;
  width: 106px;
  height: 28px;
}
.edit-block .satisfaction-percent:hover {
  background-position: -180px -177px;
}
.edit-block .pressed {
  /*background-position: -191px -206px;*/
}
.edit-block .teach {
  position: absolute;
  bottom: 14px;
  left: 125px;
  display: block;
  width: 125px;
  height: 26px;
  background: url(../img/icon1.png) no-repeat -203px -250px #FFFFFF;
}
.edit-block .teach:hover {
  background-position: -203px -279px;
}
.edit-block .teach.active {
  background-position: -220px -306px;
}
.edit-block .close {
  position: absolute;
  bottom: 18px;
  right: 107px;
  background: url(../img/icon1.png) no-repeat 0 -110px;
  width: 65px;
  height: 34px;
  cursor: pointer;
}
.edit-block .close:hover {
  background-position: 0 -150px;
}
.edit-block .close-pressed {
  /*background-position: 0 -190px;*/
}
.edit-block .send {
  position: absolute;
  bottom: 18px;
  right: 10px;
  background: url(../img/icon1.png) no-repeat -83px -110px;
  width: 85px;
  height: 34px;
  cursor: pointer;
}
.edit-block .send:hover {
  background-position: -83px -150px;
}
.edit-block .send-pressed {
  /*background-position: -96px -190px;*/
}
.popup-teach {
  position: absolute;
  left: 50%;
  margin-left: -240px;
  top: 50%;
  margin-top: -200px;
  width: 480px;
  /*border-width: 8px 1px 1px;*/
  /*border-style: solid;*/
  /*border-color: #2798e2;*/
  border-radius: 5px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  /*padding: 20px;*/
  background: #ffffff;
}
.popup-teach h3 {
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  /*text-align: center;*/
  /*line-height: 14px;*/
}
.popup-teach .input-area {
  margin: 0;
}
.popup-teach .input-area input {
  color: #B8B8B8;
}
.popup-teach .input-area img {
  float: left;
  width: 30px;
  height: 30px;
}
.popup-teach .teachimg .header_img_hover{
    background: url(../img/defaultImgSmall.png) no-repeat 0 0;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100% ;
    -o-background-size:100% 100%;
    background-size: 100% 100%;
}
.popup-teach .input-area .jimi-header-img {
  float: left;
  width: 30px;
  height: 30px;
}
.popup-teach .input-area .jimi-header-img.jimi1 {
  background: url(../img/jimi_30_1.png) no-repeat 0 0;
}
.popup-teach .input-area .jimi-header-img.jimi2 {
  background: url(../img/jimi_30_2.png) no-repeat 0 0;
}
.popup-teach .input-area .jimi-header-img.jimi3 {
  background: url(../img/jimi_30_3.png) no-repeat 0 0;
}
.popup-teach .input-area .jimi-header-img.jimi4 {
  background: url(../img/jimi_30_4.png) no-repeat 0 0;
}

.popup-teach .input-area input {
  float: left;
  margin: 0 0 0 10px;
  width: 385px;
  height: 32px;
  line-height: 32px;
  padding: 0 6px;
  border: 1px solid #E2E1E8;
}
.popup-teach .input-area input:focus {
  border-color: #6cb4eb;
}
.popup-teach .input-area p {
  float: right;
  color: #b8b8b8;
  line-height: 22px;
}
.popup-teach .input-area p.active span {
  color: #0797e1;
}
.popup-teach .form-area {
  /*margin: 0 auto;*/
  /*width: 119px;*/
  margin-top: 4px;
  text-align: center;
}
.popup-teach .form-area .btn-blue,
.popup-teach .form-area .btn-gray {
  display: block;
  float: left;
  width: 49px;
  height: 28px;
  background: url(../img/icon1.png) no-repeat -288px -148px;
}
.popup-teach .form-area .btn-blue:hover,
.popup-teach .form-area .btn-gray:hover {
  background-position: -288px -185px;
}
.popup-teach .form-area .btn-blue.active,
.popup-teach .form-area .btn-gray.active {
  background-position: -288px -221px;
}
.popup-teach .form-area .btn-gray {
  margin-left: 20px;
  background-position: -330px -254px;
}
.popup-teach .form-area .btn-gray:hover {
  background-position: -330px -288px;
}
.popup-teach .form-area .btn-gray.active {
  background-position: -330px -322px;
}
.popup-teach .share {
  float: right;
  margin: 28px 0 12px 0;
  width: 250px;
  line-height: 16px;
  color: #b8b8b8;
  position: relative;
  *zoom: 1;
  width: 100%
}
.popup-teach .share .law {
  color: #333333;
  position: absolute;
  top: 0;
  left: 0;
}
.popup-teach .share .law a{
  display: inline;
  *zoom: 1;
  width: auto;
  vertical-align: top;
  margin: 0;
}
.popup-teach .share .share-to {
  padding-left: 260px;
}
.popup-teach .share a {
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  overflow: hidden;
}
.popup-teach .share a:hover .icon-baidu {
  background-position: -166px -334px;
}
.popup-teach .share a:hover .icon-qq-zone {
  background-position: -189px -334px;
}
.popup-teach .share a:hover .icon-sina-blog {
  background-position: -212px -334px;
}
.popup-teach .share a:hover .icon-tencent-weibo {
  background-position: -235px -334px;
}
.popup-teach .share a:hover .icon-renren {
  background-position: -258px -334px;
}
.popup-teach .share a:hover .icon-wechat {
  background-position: -281px -334px;
}
.popup-teach .share i {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/icon1.png) no-repeat;
}
.popup-teach .share .icon-baidu {
  background-position: 0 -334px;
}
.popup-teach .share .icon-qq-zone {
  background-position: -23px -334px;
}
.popup-teach .share .icon-sina-blog {
  background-position: -46px -334px;
}
.popup-teach .share .icon-tencent-weibo {
  background-position: -69px -334px;
}
.popup-teach .share .icon-renren {
  background-position: -92px -334px;
}
.popup-teach .share .icon-wechat {
  background-position: -115px -334px;
}
.popup-teach .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 8px;
  height: 8px;
  background: url(../img/icon1.png) no-repeat -303px -338px;
}
.popup-teach .close:hover {
  /*background-position: -316px -338px;*/
}
.suggestion-area {
  position: absolute;
  z-index: 120;
  bottom: 105px;
  left: 15px;
  padding: 10px 7px 14px;
  width: 510px;
  border: 1px solid #c9cbce;
  background-color: #ffffff;
}
.suggestion-area .suggestion {
  line-height: 24px;
}
.suggestion-area .suggestion:hover {
  background-color: #eceef2;
  cursor: pointer;
}
.suggestion-area .suggestion a {
  color: #333333;
  display: block;
  *zoom: 1;
}
.suggestion-area .suggestion a:hover {
  text-decoration: none;
}
.suggestion-area .suggestion .suggestion-total {
  color: #909090;
}
.suggestion-area .suggestion .txt-green {
  color: #39a434;
}
.suggestion-area .hover {
  background-color: #eceef2;
}
.txt-red {
  color: #d94643;
}
.r-area {
  width: 357px;
  position: relative;
  /*height: 536px;*/
  overflow: hidden;
  background-color: #FFFFFF;
  border-left: 1px solid #DCDEE4;
  border-radius: 0 0 3px 0;
}
.r-area .side-nav {
  position: relative;
  /*margin-bottom: 3px;*/
  height: 40px;
  line-height: 40px;
  background-color: #EFF0F2;
  border-bottom: 1px solid #d4d9df;
  overflow: hidden;
}
.r-area .side-nav li {
  width: 119px;
  text-align: center;
}
.r-area .side-nav a {
  font-weight: bold;
  color: #333333;
  display: block;
  width: 100%;
  font-size: 14px;
  font-family: "Microsoft YaHei","微软雅黑";
}
.r-area .side-nav a:hover {
  TEXT-DECORATION: none;
}
.r-area .side-nav li.current a {
  background-color: #e1e4e8;
}
.r-area .side-nav .tab_arrow {
  position: absolute;
  bottom: -1px;
  display: block;
  width: 119px;
  /*border-bottom: 4px solid #3195EA;*/
  overflow: hidden;
}

.r-area .side-nav .tab_arrow b {
  /*position: absolute;*/
  /*left: 23px;*/
  /*top: -1px;*/
  /*border-left: 3px solid #bfcdd7;*/
  /*border-right: 3px solid #bfcdd7;*/
  /*border-bottom: 4px solid #e53836;*/
  /*width: 0;*/
  /*height: 0;*/
  /*overflow: hidden;*/
  background: url(../img/icon1.png) no-repeat scroll -360px -490px;
  display: block;
  height: 9px;
  margin: 0 auto;
  width: 15px;
}

.side-nav-item {
  position: relative;
}

.side-nav-new {
  background: url(../img/new.gif) no-repeat scroll;
  width: 22px;
  height: 9px;
  position: absolute;
  *zoom: 1;
  left: 50%;
  margin-left: 29px;
  top: 7px;
}

.intro-bar {
  position: relative;
  /*margin: 0 1px 2px;*/
  padding-left: 10px;
  /*border-top: 1px solid #ced9e1;*/
  border-bottom:1px solid #ced9e1;
  /*margin-bottom: -1px;*/
  height: 38px;
  line-height: 38px;
  color: #333333;
  background-color: #FFFFFF;
  cursor: pointer;
  width: 347px;
}
.intro-bar .question{
    display: block;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.triangle-open,
.triangle-close {
  position: absolute;
  top: 17px;
  right: 17px;
  border-top: 7px solid #C8C8C8;
  border-left: 6px solid #FFFFFF;
  border-right: 6px solid #FFFFFF;
  width: 0;
  height: 0;
  overflow: hidden;
}
.triangle-close {
  top: 15px;
  right: 12px;
  border-top: 6px solid #FFFFFF;
  border-bottom: 6px solid #FFFFFF;
  border-left: 7px solid #C8C8C8;
}
.detail {
  padding: 0 12px;
  /*width: 285px;*/
  overflow: hidden;
}
#navc0 .detail {
  width: 350px;
}
.scroll-pane {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #bfbfbf;
  border-radius: 5px;
  width: 10px;
  height: 100%;
  opacity: 1;
  transition: all 0.2s ease 0s;
}
.scroll-pane .slider {
  background-color: #9d9d9d;
  border-radius: 3px;
  margin: 0 1px;
  position: relative;
}
.detail .customer-delivery {
  margin-top: 11px;
}
.detail .customer-address-area {
  margin-top: 7px;
}
.detail .customer-address {
  position: relative;
  line-height: 23px;
  border: 1px solid #c3c4c6;
  background-color: #ffffff;
  overflow: hidden;
  padding: 0 40px 0 6px;
  color: #333333;
}
.detail .customer-address .triangle-open {
  top: 10px;
  right: 10px;
  border-top: 5px solid #666666;
  border-left: 5px solid #ffffff;
  border-right: 5px solid #ffffff;
}
.detail .customer-address:hover {
  border-bottom: 0 none;
  height: 25px;
  z-index: 1;
}
#navc0 .detail {
  position: relative;
  /*padding-right: 30px;*/
  /*margin-top: 1px;*/
}

#productServiceDiv {
  width:335px;
}
#productServiceDiv p {
  margin-top: 11px;
}
/*#buyConsultDiv {
  width: 380px;
}*/
#buyConsultDiv .detail {
  padding: 12px;
}
.detail .answer {
  padding-right:20px ;
  font-weight: normal;
  display: block;
  word-wrap: break-word;
}
.txt-black {
  color: #333333;
}
.delivery-detail {
  margin-top: 6px;
}
.delivery-detail .delivery-detail-img1,
.delivery-detail .delivery-detail-img2,
.delivery-detail .delivery-detail-img3,
.delivery-detail .delivery-detail-img4,
.delivery-detail .delivery-detail-img5,
.delivery-detail .delivery-detail-img6,
.delivery-detail .delivery-detail-img7,
.delivery-detail .delivery-detail-img8,
.delivery-detail .delivery-detail-img9,
.delivery-detail .delivery-detail-img10,
.delivery-detail .delivery-detail-img11,
.delivery-detail .delivery-detail-img12,
.delivery-detail .delivery-detail-img13,
.delivery-detail .delivery-detail-img14,
.delivery-detail .delivery-detail-img15 {
  margin-top: 6px;
  width: 42px;
  height: 42px;
  background: url(../img/icon1.png) no-repeat -120px 0;
}
.delivery-detail .delivery-detail-img2 {
  background: url(../img/icon1.png) no-repeat -176px 0;
}
.delivery-detail .delivery-detail-img3 {
  background: url(../img/icon1.png) no-repeat -232px 0;
}
.delivery-detail .delivery-detail-img4 {
  background: url(../img/icon1.png) no-repeat -288px 0;
}
.delivery-detail .delivery-detail-img5 {
  background: url(../img/icon1.png) no-repeat -344px 0;
}
.delivery-detail .delivery-detail-img6 {
  background: url(../img/icon1.png) no-repeat -344px -48px;
}
.delivery-detail .delivery-detail-img7 {
  background: url(../img/icon1.png) no-repeat -344px -98px;
}
.delivery-detail .delivery-detail-img8 {
  background: url(../img/icon1.png) no-repeat -344px -148px;
}
.delivery-detail .delivery-detail-img9 {
  background: url(../img/icon1.png) no-repeat -344px -199px;
}
.delivery-detail .delivery-detail-img10 {
  background: url(../img/icon1.png) no-repeat -344px 0;
}
.delivery-detail .delivery-detail-img11 {
  background: url(../img/icon1.png) no-repeat -400px -250px;
}
.delivery-detail .delivery-detail-img12 {
  background: url(../img/icon1.png) no-repeat -400px -199px;
}
.delivery-detail .delivery-detail-img13 {
  background: url(../img/icon1.png) no-repeat -400px -148px;
}
.delivery-detail .delivery-detail-img14 {
  background: url(../img/icon1.png) no-repeat -400px -98px;
}
.delivery-detail .delivery-detail-img15 {
  background: url(../img/icon1.png) no-repeat -400px -301px;
}
.delivery-detail p {
  margin-left: 52px;
  line-height: 20px;
}
.delivery-detail .title {
  line-height: 24px;
  font-weight: normal;
  color: #005ea7;
}
.link-notice {
  width: 272px;
  height: 30px;
  margin: 13px 0;
}
.link-notice img {
  width: 100%;
  height: 100%;
}
.search-area {
  position: relative;
  margin-bottom: 11px;
}
.search-area input {
  padding-left: 6px;
  width: 216px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #dddee2;
}
.search-area .search-button {
  position: absolute;
  top: 0;
  _top: 2px;
  left: 228px;
  width: 54px;
  height: 24px;
  background: url(../img/icon1.png) no-repeat -191px -110px;
  cursor: pointer;
}
.intro-bar .book-list {
  width: 87px;
}
.book-img-area {
  padding: 8px 10px 8px 0;
}
.book-img-area .book-img {
  margin: 7px 7px 0 0;
  width: 59px;
  height: 59px;
  border: 1px solid #cccccc;
  overflow: hidden;
}
.book-img-area .book-img img {
  width: 100%;
  height: 100%;
}
.book-opts {
  margin: 4px 0 14px;
}
.book-opts .follow {
  position: relative;
  display: inline-block;
  margin-right: 16px;
  width: 60px;
}
.book-opts .follow .triangle-open {
  top: 12px;
  right: 12px;
  border-top: 5px solid #005ea7;
  border-left: 4px solid #eceef2;
  border-right: 4px solid #eceef2;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.search-result {
  margin: 11px 0;
}
.search-result .search-result-img {
  margin-right: 7px;
  width: 59px;
  height: 59px;
  border: 1px solid #cccccc;
}
.search-result img {
  width: 100%;
  height: 100%;
}
.search-result-des .search-result-list {
  position: relative;
}
.search-result-des .list-dotted {
  position: absolute;
  left: 6px;
  _left: -6px;
  top: 9px;
  *top: 4px;
  width: 3px;
  height: 3px;
  background: url(../img/icon1.png) no-repeat -72px -73px;
}
.search-result-des p {
  margin-left: 12px;
  line-height: 22px;
}
.goods-info {
  margin: 8px 0;
  min-height: 80px;
  word-break: break-all;
}
.goods-info .goods-img {
  width: 100px;
  height: 100px;
  border: 1px solid #dbdcde;
}
.goods-info .goods-img .img {
  width: 100%;
  height: 100%;
}
.goods-info p {
  margin-left: 110px;
  line-height: 20px ;
  margin-right: 20px;
  height:44px;
  overflow: hidden;
}
.goods-info p a{
  color: #333333;
}
.goods-info .txt-red {
  color: #d94643;
  height:60px;
}
.goods-info .txt-red  a{
  color: #d94643;
}
.goods-des li {
  padding: 1px 0;
}
.goods-des .label {
  color: #666666;
  font-weight: bold;
}
.goods-des .txt-red {
  font-weight: normal;
  color: #d94643;
}
.txt-price {
  font-size: 14px;
  font-weight: bold;
  color: #D94643;
}
.goods-des .em-words {
  margin-right: 2px;
  padding: 1px 2px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-color: #e4393c;
  color: #ffffff;
}
.goods-des .star-5,
.goods-des .star-4,
.goods-des .star-3,
.goods-des .star-2,
.goods-des .star-1 {
  display: inline-block;
  margin-right: 10px;
  width: 76px;
  height: 14px;
  background: url(../img/icon1.png) no-repeat -95px -51px;
}
.goods-des .star-4 {
  background-position: -110px -51px;
}
.goods-des .star-3 {
  background-position: -125px -51px;
}
.goods-des .star-2 {
  background-position: -140px -51px;
}
.goods-des .star-1 {
  background-position: -155px -51px;
}
.opts-buy {
  display: block;
  margin: 10px 0 17px;
  width: 108px;
  height: 29px;
  background: url(../img/btn_buy.png) no-repeat 0 0;
}
.post-title {
  margin-bottom: 15px;
  padding-left: 11px;
  padding-top: 4px;
  width: 346px;
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #d7dadd;
  /*background: url(../img/postBg.png) repeat-x 0 -5px;*/
  color: #333333;
  position: relative;
  *zoom: 1;
  font-size: 14px;
}
.post-title strong {
  font-family: "Microsoft YaHei","微软雅黑";
  font-weight: bold;
}

.post-title .change-btn {
  position: absolute;
  right: 8px;
  top: 10px;
}
/*换一组开始*/
.change-btn, .common-btn, .ask-btn {
  float: right;
  font-size: 12px;
  line-height: 12px;
  color: #FFFFFF;
  background-color: #3195EA;
  border-radius: 20px;
  padding: 7px 16px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.common-btn.common-btn-active {
  background-color: #3195ea;
  border: 1px solid #3195ea;
  color: #FFF;
}
.change-btn:hover, .common-btn:hover, .ask-btn:hover {
  color: #FFFFFF;
  background-color: #84C0F2;
  text-decoration: none;
}
.expand-area {
  margin-top: 8px;
  overflow: hidden;
  max-height: 0;
  _height: 0;
}
.expand-area.animated {
  _height: auto;
}
/*
.animation {
  -webkit-backface-visibility:visible;
  -webkit-transform-origin:center center;
  -moz-backface-visibility:visible;
  -moz-transform-origin:center center;
  -webkit-animation:demo 0.5s 0s 1 ease-in normal both;
  -moz-animation:demo 0.5s 0s 1 ease-in normal both;
  max-height:800px\9;
  _height:auto;
}
@-webkit-keyframes demo{
  0%{
    max-height:0px;
  }
  100%{
    max-height:800px;
  }
}
@-moz-keyframes demo{
  0%{
    max-height:0px;
  }
  100%{
    max-height:800px;
  }
}
*/
.post-title .change-btn {
  padding: 5px 10px;
}

.post-goods-area-wrapper {
  position: absolute;
}

.post-goods-info-area {
  overflow: hidden;
  height: 150px;
  /*width: 2000px;*/
  /*height: 180px;*/
}
.post-goods-area {
  padding: 0 6px 15px;
  float:left;
  width: 155px;
}
.post-goods-area .post-goods-img {
  width: 85px;
  height: 85px;
  margin: 0 auto;
}
.post-goods-area .post-goods-img img {
  width: 100%;
  height: 100%;
}
.post-goods-area p {
  /*margin-left: 70px;*/
  word-break: break-all;
  padding: 0 2px;
  text-overflow: ellipsis;
  overflow:hidden;
  font-weight: normal;
}
.post-goods-area p a {
  color: #666666;
}

.post-goods-area .post-goods-title {
  height: 38px;
  margin-bottom:2px;
  margin-top:6px;
  overflow: hidden;
}

.goods-des-detail {
  margin-left: 65px;
  color: #999999;
  padding-right: 15px;
}
/*add*/
#navc0 .content,
#navc1 .content,
#navc2 .content
{
  width: 373px;
}
/*#navc2 .detail {
  width: 100%;
}*/
#jRightArea {
  position: absolute;
  right: 0;
}
#container {
  position: absolute;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  left: 130px;
}
/*遮罩层*/
#masterDiv {
  position: fixed;
  *position: absolute;
  display: none;
  z-index: 121;
  left: -999999px;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  filter: alpha(opacity=15);
  opacity: 0.15;
}
/*
.mask-panel{
    background: #000;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    filter: alpha(opacity=50);
    moz-opacity:0.5;
    opacity: 0.5;
    z-index: 150;
}*/

/*个人空间开始*/
#mySpace {
  width: 357px;
}
.space-weather {
  border-bottom: 1px solid #e9ecef;
  height: 42px;
  line-height: 42px;
  margin: 2px 8px;
  padding: 0 7px;
}
.space-weather img {
  height: 26px;
  width: 26px;
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.space-chat {
  /*height: 138px;*/
  padding: 25px 20px 25px 50px;
  position: relative;
  *zoom: 1;
}
.space-chat-header {
  background: url("../img/icon1.png") no-repeat scroll -258px -490px;
  height: 88px;
  float: left;
  /*left: 50px;*/
  /*position: absolute;*/
  /*top: 25px;*/
  width: 76px;
}
.space-chat-box {
  /*left: 138px;*/
  /*position: absolute;*/
  /*top: 35px;*/
  position: relative;
  *zoom: 1;
  height: auto;
  width: 188px;
  margin-left: 10px;
  margin-top: 10px;
  float: left;
}
.space-chat-box-arrow {
  position: absolute;
  *zoom: 1;
  _display: none;
  left: 0;
  top: 21px;
  height: 21px;
  width: 14px;
  background: url("../img/icon1.png") no-repeat scroll -260px -450px;
}
.space-chat-box-top {
  position: absolute;
  *zoom: 1;
  _display: none;
  left: 14px;
  top: 0;
  height: 7px;
  width: 174px;
  background: url("../img/icon1.png") no-repeat scroll -275px -430px;
}
.space-chat-box-bottom {
  position: absolute;
  _display: none;
  *zoom: 1;
  left: 14px;
  bottom: 0;
  height: 7px;
  width: 174px;
  background: url("../img/icon1.png") no-repeat scroll -275px -481px;
}
.space-chat-box-content {
  background-color: #efefef;
  min-height: 40px;
  max-height: 280px;
  line-height: 20px;
  *height: 40px;
  margin: 7px 0 7px 14px;
  overflow: hidden;
  padding: 3px 7px 3px 11px ;
  word-break: break-all;
  word-wrap: break-word;
}
.space-btn-group {
  height: 100px;
  padding: 12px;
}
.space-btn-group li {
  display: inline;
  float: left;
  height: 80px;
  line-height: 28px;
  /*margin: 0 11px;*/
  margin: 0 25px;
  text-align: center;
  width: 60px;
  cursor: pointer;
}
.space-btn-group li a {
  display: block;
  color: #333;
}
.space-btn-group li a:hover {
  text-decoration: none;
}
.space-btn-group li i {
  display: block;
  height: 60px;
  width: 60px;
  background: url("../img/icon1.png") no-repeat scroll;
}
.space-btn-group .space-btn-tx i {
  background-position: 0 -430px;
}
.space-btn-group .space-btn-tx a:hover i {
  background-position: -65px -430px;
}
.space-btn-group .space-btn-xh i {
  background-position: -130px -430px;
}
.space-btn-group .space-btn-xh a:hover i {
  background-position: -195px -430px;
}
.space-btn-group .space-btn-ds i {
  background-position: 0 -500px;
}
.space-btn-group .space-btn-ds a:hover i {
  background-position: -65px -500px;
}
.space-btn-group .space-btn-yx i {
  background-position: -130px -500px;
}
.space-btn-group .space-btn-yx a:hover i {
  background-position: -195px -500px;
}
/*个人空间结束*/

/*
商品导购新增样式开始
*/
.ask-btn {
  /*background: url(../img/btn.png) no-repeat 0 0;*/
}
.recomment-list {
  margin: 10px 0;
}
.recomment-list td {
  text-align: center;
  padding-right: 15px;
}
.recomment-list td.last {
  padding-right: 0;
}
.recomment-list td a {
  color: #3e3e3e;
}
.recomment-list td img,
.goods-detail img {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left:0;
  margin-left: 11px;
}

.goods-detail .goods-des-area {
  background-color: #EFF0F2;
  padding: 10px 8px;
  width: 350px;
  float: right;
}

.jimi-goods-list .goods-des-area .goods-title {
  max-height: 38px;
  overflow: hidden;
}
.jimi-pack-list .goods-detail img{
  height: 80px;
  width: 80px;
  margin-top: -40px;
}
.jimi-pack-list .goods-detail .goods-des-area {
   min-height: 60px;
   width: 374px;
}
.recomment-list td p {
  text-align: left;
}
.recomment-list td .price {
  margin: 5px 0 10px 0;
}
.price span,
.d-price,
.d-price a{
  color: #e4393c;
}
.ask-btn {
  width: 50px;
  text-align:center;
  height: 22px;
  line-height: 22px;
  float: right;
  margin-right: 6px;
  padding:0;
}
.ask-btn:hover {
  text-decoration: none;
}
.goods-detail {
  margin: 9px 0;
  width: 485px;
  border: 1px solid #D4D9DF;
  position: relative;
  *zoom: 1;
}
.short_cut_msg .goods-detail{
  margin: 0px;
  border:0px;
}
.goods-detail .btn-wrap {
  margin: 0;
}

.jimi-goods-list .goods-des-area {
  height: 67px;
}

.jimi-goods-list .goods-des-area .btn-wrap {
  margin: 0;
  position: absolute;
  bottom: 8px;
  right: 8px;
}


.goods-detail .append-btn {
  float: right;
  width: 36px;
  height: 22px;
  text-indent: -9999px;
  margin-right: 6px;
  background: url("../img/icon1.png") no-repeat scroll -400px 0;
}
.jimi-goods-view .add-shopping {
  margin-left: 23px;
}
.goods-detail .note-btn {
  float: right;
  width: 36px;
  height: 22px;
  text-indent: -9999px;
  background: url("../img/icon1.png") no-repeat scroll -400px -25px;
}
.goods-detail .note-btn.noted {
  background-position: -400px -50px;
}
.related-goods {
  margin-top: 10px;
}
.tab-nav li {
  float: left;
  padding: 4px 0;
  border-top: 3px solid transparent;
}
.tab-nav li.current {
  background: #fff;
  border: 0;
  border-top: 3px solid #1c94e4;
  position: relative;
  left: -1px;
  bottom: -1px;
}
.tab-nav li a {
  display: block;
  padding: 0 5px;
  border-right: 1px solid #ccc;
}
.tab-nav li.last a {
  border: 0;
}
.tab-nav li.current a {
  border: 0;
  color: #000;
}
.tab-content {
  background: #fff;
  padding: 10px;
}
.tab-content li {
  float: left;
  width: 80px;
  margin-right: 10px;
}
.tab-content img {
  border: 1px solid #ccc;
  width: 78px;
  height: 78px;
  margin-bottom: 8px;
}
.tab-content .price {
  text-align: center;
}
.goods-txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 40px;
  line-height: 20px;
}
/*
商品导购新增样式结束
*/
/**
弹出框样式开始
*/
.popup-teach {
  /*background: #ffffff url(../img/jimi190.png) no-repeat left bottom;*/
  background-color: #EEEEEE;
  /*border: 1px solid #8E8E8E;*/
  /*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);*/
  border-radius: 5px;
}
.suc-tip,
.err-tip {
  background: url(../img/icon-msg.png) no-repeat 8px 16px;
}
.suc-tip {
  width: 100px;
  height: 50px;
  line-height: 50px;
  padding-left: 40px;
  border: 1px solid #6b838f;
  border-radius: 5px;
  background-color: #ebf5ff;
  position: absolute;
  top: 115px;
  left: 155px;
}
.err-tip {
  width: 130px;
  height: 50px;
  line-height: 50px;
  padding-left: 40px;
  border: 1px solid #6b838f;
  border-radius: 5px;
  background-color: #ebf5ff;
  position: absolute;
  top: 115px;
  left: 155px;
}
.err-tip {
  background-position: 10px -66px;
}
/**
弹出框样式结束
*/
/**
满意度遮罩层样式
*/
#satisfyEvalue .know-btn {
  position: absolute;
  left: 218px;
  top: 125px;
  right: 0;
  width: 116px;
  height: 37px;
  background-image: url(//static.360buyimg.com/jimi/img/satisfy2.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#satisfyEvalue .know-btn:hover {
  background-position: 0 -37px;
}
#satisfyEvalue .know-btn:active {
  background-position: 0 -74px;
}
/*点赞*/
.dig-w {
  width: 250px;
  height: 50px;
  margin: 15px 0 5px;
}
.dig-w .dig-pic {
  width: 46px;
  height: 46px;
  float: left;
  background-image: url("");
  background-position: center center;
  background-repeat: no-repeat;
}
.dig-w:hover .dig-pic {
  background-image: url("");
}
.dig-w.diged .dig-pic {
  background-image: url("");
}
.dig-w .dig-info {
  margin-left: 56px;
  padding-top: 12px;
}
.dig-w .dig-info span {
  display: block;
}
.dig-w .dig-tri {
  cursor: pointer;
  color: #20557F;
  text-decoration: underline;
}
.dig-w.diged .dig-tri {
  cursor: default;
  color: #ff0000;
  text-decoration: none;
}
.dig-w .dig-txt em {
  color: #ff0000;
  font-style: normal;
  padding: 0 1px;
}
/*异步登录样式开始*/
.thickframe {
  background: none repeat scroll 0 0 #000;
  border: 0 none;
  height: 100%;
  left: 0;
  opacity: 0;
  filter:alpha(opacity=0);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000000;
}
.thickdiv {
  background: none repeat scroll 0 0 #000;
  border: 0 none;
  height: 100%;
  left: 0;
  opacity: 0.15;
  filter:alpha(opacity=15);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000001;
}
.thickbox {
  /*background: url("i/bg_shadow.gif") no-repeat scroll -4px 0 transparent;*/
  /*overflow: hidden;*/
  /*padding: 0 4px 4px 0;*/
  /*position: absolute;*/
  /*z-index: 10000002;*/
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10000002;
}
.thicktitle {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 0 none;
  color: #333;
  font-family: arial,"宋体";
  font-size: 14px;
  font-weight: 700;
  height: 31px;
  line-height: 31px;
  padding: 0 10px;
}
.thickclose:link,
.thickclose:visited {
  background: url("i/bg_thickbox.gif") no-repeat scroll 0 -18px;
  display: block;
  font-size: 0;
  height: 15px;
  line-height: 100px;
  overflow: hidden;
  position: absolute;
  right: 12px;
  top: 7px;
  width: 15px;
  z-index: 100000;
}
.thickcon {
  background: none repeat scroll 0 0 #FFFFFF;
  /*border: 1px solid #C4C4C4;*/
  overflow: auto;
  padding: 10px;
}
.thickloading {
  background: url("i/loading.gif") no-repeat scroll center center #ffffff;
}
.thickcountdown {
  color: #999999;
  height: 20px;
  margin-top: -20px;
  padding-right: 6px;
  text-align: right;
}
#thicktitler {
  /*background: none repeat scroll 0 0 #8DB7DC;*/
  /*border: medium none;*/
  /*color: #FFFFFF;*/
  /*padding: 0 11px;*/
  /*width:390px;*/
}
#thickcloser:link,
#thickcloser:visited {
  background: url("i/thickbox_close.png") no-repeat scroll 0 0;
  display: block;
  font-size: 0;
  /*不能点击关闭*/
  /*height: 0;*/
  height: 21px;
  line-height: 100px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 5px;
  width: 21px;
  z-index: 100000;
}
#thickconr {
  /*border: 1px solid #8DB7DC;*/
}
.thickwrap {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #c4c4c4;
}
/*异步登录样式结束*/

.copyright {
  position: absolute;
  bottom: -28px;
  text-align: center;
  left:50%;
  margin-left: -294px;
  white-space: nowrap;
  color: #FFFFFF;
}
.copyright_open {
  position: absolute;
  bottom: 6px;
  text-align: center;
  left:50%;
  margin-left: -294px;
  white-space: nowrap;
  color: #FFFFFF;
}
.copyright_open a{
  color: #005EA7;
}
.copyright a {
  color: #005EA7;
}

.book-opts a {
  background-color: #FFFFFF;
  border-radius: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px 18px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.book-opts a:hover, .book-opts a:active{
  color: #FFFFFF;
  background-color: #2796e1;
  text-decoration: none;
}

.book-opts a:hover .triangle-open, .book-opts a:active .triangle-open {
  border-left: 4px solid #2796e1;
  border-right: 4px solid #2796e1;
  border-top: 5px solid #FFFFFF;
}

#navcontent {
  overflow: hidden;
}

#navc0 #productDetailDiv .detail{
  background-color: #FFFFFF;
}

.jimi-goods-list .goods-detail {
  height: 87px;
}

/*调教和反馈的对话框开始*/
#unsatisfyRegion {
  margin-top: -40px;
}

.satisfy,
.unsatisfy{
  width: 480px;
  /*background: url("common/i/mailPopbgBlue20140103.png") repeat-x 0 0;*/
  background-color: #EEEEEE;
  /*border: 1px solid #8E8E8E;*/
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  position: absolute;
  top: 50%;
  margin-top: -120px;
  left: 50%;
  margin-left: -240px;
}
.satisfy-header,
.unsatisfy-header,
.teach-header{
  height: 44px;
  padding-left: 130px;
  line-height: 44px;
  background-color: #FFFFFF;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  position: relative;
  *zoom:1;
}
.satisfy-header.satisfy-header-new,
.satisfy-header.unsatisfy-header-new {
  padding-left: 50px;
}

.satisfy-header h3 {
  font-size: 14px;
  font-weight: bold;
}
.satisfy-header .logo {
  background: url("i/jimi_survey_logo.png") no-repeat scroll 0 0;
  height: 121px;
  left: 20px;
  position: absolute;
  top: -44px;
  width: 106px;
}
.satisfy-header.satisfy-header-new .logo {
  background: url("../img/icon1.png") no-repeat scroll -180px -150px;
  height: 26px;
  left: 12px;
  position: absolute;
  top: 10px;
  width: 26px;
}

.teach-header .logo {
  background: url("i/jimi_teach_logo.png") no-repeat;
  height: 121px;
  left: 8px;
  top: -50px;
  width: 126px;
  position: absolute;
}

.teach-header .close,
.satisfy-header .close {
  background: url("../img/icon1.png") no-repeat 0 -355px #fff;
  position: absolute;
  right:0;
  top:0;
  height: 44px;
  width: 44px;
  /*border-left: 1px solid #D4D9DF;*/
  cursor: pointer;
  border-top-right-radius: 5px;
}

.teach-header .close:hover,
.satisfy-header .close:hover {
  /*background-color: #EEEEEE;*/
  background-position: 0 -384px;
}

.satisfy-content,
.unsatisfy-content,
.teach-content {
  padding: 30px 20px 18px;
}

.satisfy-content label {
  cursor: pointer;
  padding-left:4px;
  *padding-left:0;
}

.unsatisfy-region {
  margin-top: -33px;
}

.satisfy-jimi-expression {
  margin-top: -6px;
}

.satisfy-radio {
  margin-top: 45px;
}

.satisfy-radio li{
  float: left;
  margin-left: 32px;
}

.satisfy-radio a{
  display: block;
  width: 104px;
  height: 40px;
  background: url("//static.360buyimg.com/jimi/img/invite/radios.png") repeat scroll;
}
.satisfy-radio a:hover{
  opacity: 0.8;
  filter:alpha(opacity=80);
}
/*踩一下，赞一下*/
.satisfy-radio .satisfy-radio-10000-0 a {background-position: 0 0;}
.satisfy-radio .satisfy-radio-10000-0 a.active {background-position: -110px 0;}
.satisfy-radio .satisfy-radio-10000-0 a.active:hover {
  opacity: 1;
  filter:alpha(opacity=100);
}
.satisfy-radio .satisfy-radio-10000-1 a {
  background-position: -225px 0;
  margin-top: -2px;
  height: 42px;
  width: 124px;
}
/*送鲜花，拍板砖*/
.satisfy-radio .satisfy-radio-10001-0 a {background-position: 0 -55px;}
.satisfy-radio .satisfy-radio-10001-0 a.active {background-position: -110px -55px;}
.satisfy-radio .satisfy-radio-10001-0 a.active:hover {
  opacity: 1;
  filter:alpha(opacity=100);
}
.satisfy-radio .satisfy-radio-10001-1 a {
  background-position: -225px -43px;
  margin-top: -14px;
  height: 54px;
  width: 124px;
}

.investigation{
  font-size: 14px;
  /*height: 14px;*/
  /*line-height: 14px;*/
  /*解决ie6下字体顶部线束不全*/
  /*_line-height: 16px;*/
  color:#333333;
  margin-bottom: 10px;
}
.satisfy-choice{
  padding: 0 0 57px 113px;
  /*height: 14px;*/
  /*line-height: 12px;*/
}
.satisfy-choice label {
  font-size: 14px;
  color:#333333;
}
.investigation-position{
  padding-top: 2px;
}
.unsatisfy-reason{
  height: 13px;
  line-height: 13px;
  padding: 17px 0 18px;
  position: relative;
}
/*调教和反馈的对话框结束*/

/*柱状图样式开始*/
.j-data-bar .bar-area {
  list-style-type: none;
  font-size: 12px;
}
.j-data-bar .bar-item {
  height: 36px;
  line-height: 36px;
  width: 450px;
  vertical-align: bottom
}
.j-data-bar .bar-label {
  float:left;
  text-align: right;
  width: 50px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.j-data-bar .bar-graph {
  margin-left: 8px;
  float: left;
  width: 350px;
  text-align: center;
  border-left: 1px solid #B3B3B4;
}

.j-data-bar .bar-value {
  float: left;
  font-style: normal;
  font-weight: bold;
  font-family: arial;
  font-size: 12px;
  color: #582413;
  height: 36px;
  background: url("i/graph.png") repeat-x 0 6px;
  position: relative;
  *zoom: 1;
}

.j-data-bar .bar-value span{
  position: absolute;
  right: 50%;
  margin-right: -13px;
  top: 0;
  z-index: 1;
}

.j-data-bar .bar-value span.value-right{
  right: 0;
  margin-right: -22px;
}

.j-data-bar .bar-value i{
  z-index: 1;
  position: absolute;
  right: -4px;
  top: 0px;
  width: 5px;
  height:36px;
  background: url("i/graph.png") repeat-x 0 -24px;
}
.j-data-bar .bar-title{
  font-weight: bold;
  font-size: 14px;
  color: #666666;
  text-align: center;
  margin-bottom: 10px;
}
/*柱状图样式结束*/

/*区域选择开始*/
#districtarea-msg .text, #district-consult .text{
  display: none;
}

#district-consult-select {
  left: 65px;
  top: 2px;
  cursor: pointer;
  z-index: 1;
}
.district-line {
  background-color: #fff;
  height: 2px;
  position: absolute;
  z-index: 2;
  top: -2px;
  right: 22px;
}
#district-result .jimi-chat-title {
  margin-top: 12px;
}
/*区域选择结束*/

/*消息中的天气开始*/
.jimi-weather-title {
  text-align: left;
  font-size: 14px;
  color: #333333;
}
.jimi-weather-wrapper {
  text-align: center;
  padding: 15px 30px;
}
.jimi-weather-wrapper li {
  float: left;
}
.jimi-weather-box p {
  margin-top: 8px;
  line-height: 12px;
}
.jimi-weather-temperature {
  padding: 4px 0;
}
.jimi-weather-separate {
  background-color: #E9ECEF;
  width: 1px;
  height: 170px;
  margin: 10px 20px 0;
}
.jimi-weather-day {
  margin-bottom: 16px;
}
.jimi-weather-day img {
  width: 70px;
  height: 70px;
}
.jimi-weather-pollution {
  background-color: #DBEFFF;
  padding: 6px 22px;
  border-radius: 20px;
}
.jimi-weather-today img {
  width: 100px;
  height: 100px;
}
.jimi-weather-today .jimi-weather-temperature {
  font-size: 14px;
  line-height: 14px;
}
.jimi-weather-today .jimi-weather-des {
  font-size: 14px;
  line-height: 14px;
  margin-top: 8px;
}
.jimi-weather-today {
  padding: 0 20px 0 0;
}
.jimi-weather-index-wrapper, .common-ul{
  border: 1px solid #D4D9DF;
}
.jimi-weather-index-wrapper li, .common-ul li{
  padding: 5px 0;
}
.jimi-weather-index-even, .common-ul li.even{
  background-color: #EFF0F2;
}
.jimi-weather-index-name, .common-ul li .li-title{
  text-align: right;
  float: left;
  width: 80px;
  padding: 0 8px 0 13px;
}
.common-ul li .li-title {
  width: 63px !important;
}
.jimi-weather-index-tips, .common-ul li .li-content {
  float: left;
  width: 370px;
  overflow: hidden;
  color: #666666;
}

/*惊喜的天气*/
.jimi-mini-weather {
  color: #666666;
  padding: 10px;
}

.jimi-mini-weather-icon {
  float: left;
  margin-right: 20px;
}

.jimi-mini-weather-icon img {
  width: 100px;
  height: 100px;
}

.jimi-mini-weather-des {
  float: left;
  margin-top: 10px;
}

.jimi-mini-weather-title {
  font-size: 14px;
  margin-right: 8px;
  color: #333333;
}
/*消息中的天气结束*/

/*比价表格开始*/
.price-table td {
  width: 100px;
}
.price-table .logo-360buy {
  display: block;
  height: 26px;
  background: url("i/360logo.png") no-repeat 12px 0;
}
/*比价表格结束*/

/*消息中的表格开始*/
.cmp-table, .common-table{
  font-size: 12px;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 4px 0;
}
.cmp-table td {
  border: 1px solid #cccccc;
  width: 235px;
  padding: 4px;
  vertical-align: top;
}
.common-table td {
  border: 1px solid #cccccc;
  vertical-align: middle;
  padding: 4px;
  text-align: center;
}
.common-table td.title {
  font-size: 14px;
}
.cmp-table .product-link {
  margin: 4px 0;
}

.price-line-chart {
  border: 1px solid #cccccc;
  width: 450px;
  padding: 4px;
  vertical-align: top;
  margin-top: 4px;
}

.price-line-chart .title {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  margin-bottom: 4px;
}
/*消息中的表格结束*/

/*列表中的商品信息开始*/
.common-ul li.li-goods-area {
  padding: 0 8px 0 0;
  margin-bottom: -1px;
  border-bottom: 1px solid #D4D9DF;
}
.common-ul li.li-goods-area .li-title {
  width: 63px;
}
/*列表中的商品信息结束*/

/*彩票链接*/
.lottery-links {
  padding: 4px 8px;
}
/*彩票链接*/


/*输入框提示*/
.input-tips {
  position: absolute;
  top:-25px;
  left:20px;
  height: 36px;
  padding: 0 6px;
  z-index:121;
}
.input-tips-l {
  position: absolute;
  width: 6px;
  height: 36px;
  top: 0;
  left: 0;
  background: url("i/tips.png") no-repeat 0 0;
}
.input-tips-r {
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
  height: 36px;
  background: url("i/tips.png") no-repeat -22px 0;
}
.input-tips-arrow {
  position: absolute;
  left:25px;
  width: 16px;
  bottom: -1px;
  height: 8px;
  background: url("i/tips.png") no-repeat -6px -29px;
}
.input-tips p {
  color: #FF0000;
  background: url("i/tips.png") repeat-x scroll 0 -37px #fff;
  padding: 7px 4px;
  height: 18px;
  line-height: 18px;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*输入框提示*/

/*需要登录的提示*/
.jimi-noLogin-msgTips {
  background: url("//static.360buyimg.com/jimi/img/2013618.v1.0.0/IM/panelRBg.png") repeat scroll;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 122;
}

.jimi-noLogin-msgTips p {
  position: relative;
}

.jimi-noLogin-msgTips a {
  color: #A4D1FF;
}

.jimi-noLogin-jumbotron, .jimi-noOrder-jumbotron {
  padding-top: 90px;
}

.jimi-noLogin-jumbotron p,
.jimi-noOrder-jumbotron p
{
  background: url("i/jimi_noLogin_jumbotron.png") no-repeat scroll 70px 0;
  line-height: 24px;
  font-size: 12px;
  margin: 0 auto;
  padding-top: 195px;
  text-align: center;
  width: 265px;
}
/**/

/*JIMI邀评开始*/
.jimi-invite {
  margin-top: 4px;
  position: relative;
  zoom: 1;
  width: 270px;
}
.jimi-invite img{
  border-radius: 4px;
  float:left;
}
.jimi-invite-control {
  float: left;
  margin-left: 18px;
  margin-top: 92px;
  text-align: right;
}
.jimi-invite a{
  background-color: #fff;
  border: 1px solid #ccc;
  color: #777;
  margin-left: 8px;
}
.jimi-invite a:hover{
  background-color: #84c0f2;
  border: 1px solid #84c0f2;
  color: #FFF;
}
.jimi-invite .jimi-invite-thanks {
  float: left;
  margin-left: 8px;
  margin-top: 48px;
}

.jimi-invite-5 .jimi-invite-thanks {
  color: #e0414a;
  float: left;
  margin-left: 55px;
  margin-top: -20px;
}

.jimi-invite-5 {
  margin: 16px -12px 8px 0;
  /*padding: 0 0 0 10px;*/
  width: 390px;
  position: relative;
  *zoom: 1;
}
.jimi-invite-5 .radio-type{
  *display: inline;
  *zoom: 1;
  display: inline-block;
  padding: 0 0 4px;
  cursor: pointer;
  margin-right: 20px;
  margin-top: 4px;
}
.jimi-invite-5 form {
  margin-bottom: 8px;
}
.jimi-invite-5 .common-btn {
  float: left;
  padding: 4px 10px;
  margin-top: -20px;
}
.jimi-invite-5 .words-restrict {
  padding-bottom: 0;
}
.words-restrict.red{
  color: #d94643;
}
.jimi-invite-reason {
  margin-bottom: 20px;
  margin-right: 10px;
  margin-top: -20px;
}
.jimi-invite-reason-words {
  border: 1px solid rgb(204, 204, 204);
  height: 24px;
  line-height: 24px;
  margin-top: 4px;
  padding: 0 8px;
  width: 361px;
}
.invite-star-box {
  margin-bottom: 52px;
}

.invite-star, .jimi-invite5 .invite-star-hover {
  background: url(../img/icon1.png) no-repeat;
  height: 24px;
  width: 24px;
  float: left;
  padding-right: 1px;
  cursor: pointer;
}
.invite-star {
  background-position: -130px -565px;
}
.invite-star-hover {
  background-position: 0 -565px;
}

.invite-star-tips.invite-start-tips-init {
  color: #999;
}
.invite-star-tips {
  color: #e0414a;
  float: left;
  line-height: 24px;
  margin-left: 8px;
}
.invite-jimi-img {
  height: 120px;
  position: absolute;
  right: 4px;
  top: -40px;
  width: 120px;
}
.invite-jimi-img img {
  border-radius: 4px;
  height: 120px;
  width: 120px;
}

/*JIMI邀评结束*/

/*聊天帮助开始*/
.chat-helper {
  height: 32px;
  background-color: #D9DEE3;
}
.chat-helper-guess {
  float: right;
  cursor: default;
  width: 345px;
}

.chat-helper-guess-select {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #d4d9df;
  float: right;
  height: 22px;
  line-height: 22px;
  margin-right: 6px;
  margin-top: 5px;
  width: 250px;
  position: relative;
  *zoom: 1;
  cursor: pointer;
}
.chat-helper-guess-tips {
  float: left;
  line-height: 32px;
}
.chat-helper-guess-select span {
  display: block;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 220px;
}
.chat-helper-guess-select b {
  background-color: #eff0f2;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-left: 1px solid #d4d9df;
  height: 22px;
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  cursor: pointer;
}
.chat-helper-guess-select b:hover {
  background-color: #E9EAED;
}
.chat-helper-guess-select b:hover i{
  border-left: 4px solid #E9EAED;
  border-right: 4px solid #E9EAED;
}
.chat-helper-guess-select i {
  display: block;
  margin: 10px auto 0;
  border-left: 4px solid #eff0f2;
  border-right: 4px solid #eff0f2;
  border-top: 5px solid #6d8598;
  width: 0;
  height: 0;
}
.chat-helper-guess-list {
  background-color: #fff;
  border: 1px solid #d4d9df;
  right: -1px;
  position: absolute;
  top: 22px;
  z-index: 1;
}
.chat-helper-guess-list a {
  color: #333;
  display: block;
  width: 240px;
  overflow: hidden;
  padding: 0 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-helper-guess-list a:hover {
  background-color: #eceef2;
  text-decoration: none;
}
/*聊天帮助结束*/

/*一些通用工具样式开始*/
.common-yellow-highlight {
  color: #ddaa00
  font-weight: bold;
}
.common-yellow {
  color: #ddaa00;
}
.common-red-highlight {
  color: #d94643;
  font-weight: bold;
}
.common-red {
  color: #d94643;
}
.common-blue-normal {
  color: #005ea7;
  font-size: 100%;
}
.common-highlight, .txt-strong {
  font-weight: bold;
}
.common-text-center {
  text-align: center;
}

.common-question-bg{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #c1e1fc;
  border-radius: 20px;
  padding: 3px 8px;
  margin-top: 6px;
}
.common-question-bg.small {
  width: 150px;
}
.common-question-bg.normal {
  width: 250px;
}
.common-question-bg.large {
  width: 350px;
}
/*问题预判*/
.common-question-bg1{
  display: inline-block;
  background-color: #fff;
  border-radius: 20px;
  padding: 2px 12px;
  margin-bottom: 6px;
  border: 1px solid #D7E5F4;
}
.common-question-bg1.small {
  width: 150px;
}
.common-question-bg1.normal {
  width: 250px;
}
.common-question-bg1.large {
  width: 350px;
}
a.pretext{
  margin-bottom: 12px;
  text-decoration: none;
  color: #333;
  cursor: default;
  display: inline-block;
}
a.common-question-bg1:hover{
  background-color: #e8f2fb;
  text-decoration: none;
}
a.pchecked{
  background-color: #e8f2fb;
}
a.nopre{
  margin-bottom: 0px;
}

.common-hide {
  display: none;
}

.common-orange, .txt-orange {
  color: #FF6600;
}

.common-gray, .txt-gray {
  color: #778080;
}

.common-green, .txt-green {
  color: #118518;
}

.common-ml8 {
  margin-left: 8px;
}

.common-mlt8 {
  margin: 8px 0 0 8px;
}

.common-hr {
  height:1px;
  background-color: #e9ecef;
  display:block;
  margin: 8px 0;
}

.jimi-thumb-link {
  padding: 2px;
  display: inline-block;
  *zoom: 1;
  border-radius: 6px;
  line-height: 0;
  position: relative;
}

.jimi-thumb-link img{
  border-radius: 6px;
}

.jimi-thumb-link:hover {
  background-color: #4ae;
}

/*2015样式*/
.newyear2015 .header .logo{
  height: 80px;
  width: 731px;
  left: -13px;
  top: -17px;
}
.newyear2015 .header .logo img {
  height: 80px;
  width: 731px;
}
.newyear2015 .space-chat-header {
  background: url("//static.360buyimg.com/jimi/img/newyear2015/jimi_space.png") no-repeat scroll 0 5px;
  float: left;
  height: 100px;
  margin-left: -10px;
  margin-top: 4px;
  width: 97px;
}
.teachimg{
  max-width: 30px;
  max-height: 30px;
  width:30px;
  height:30px;
  float:left;
}
/*充值业务样式*/
.picon{
  display: inline-block;
  background: url(../img/picon.png) 0 0 no-repeat;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
}
.ptitle{
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  color:#232326
}
.infoarea{
  background: #EFF0F2;
  margin-top: 12px;
  padding: 14px 50px 16px 12px;
  margin-bottom: 5px;
}
.txt1{
  color:#232326;
  margin-right: 5px;
}
.txt2{
 color: #C81623;
}
.paybtn{
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #C81623;
  background: #C81623;
  border-radius: 2px;
  float: right;
}
.paybtn:hover{
  background: #B1191A;
}
a:hover{
  text-decoration: none;
}
/*发错货场景样式*/
.showtype{
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  cursor: pointer;
}
.listview{
   background: url(../img/list.png) 0 0 no-repeat;
}
.picview{
  background: url(../img/view.png) 0 0 no-repeat;
}
.orderlist{
  margin-top: 14px;
}
.orderlist .title{
  color:#999;
  padding:7px 16px 7px 14px;
}
.orderlist>li{
  border:1px solid #E2E1E8;
  margin-bottom:10px;
}
.orderlist .line{
  display: inline-block;
  height: 11.1px;
  width: 2px;
  background: #E2E1E8;
  vertical-align: middle;
  margin:0 9px;
}
.footer{
  text-align: right;
}
.footer1{
  text-align: right;
}
.orderinfo{
  background-color: #EFF0F2;
  clear:both;
  overflow-y: scroll;
  overflow-x:hidden;
  /*max-height: 206px;*/
  max-height:176px;
}
.orderinfo li{
  border-bottom: 1px solid #E2E1E8;
  padding: 13px;
  float: left;
  position: relative;
  width: 444px;
  height: 61px;
}
.orderinfo li:after,.orderinfo:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; zoom: 1;}
.orderinfo li label { position: absolute; left: 15px; top: 32px; width: 34px;}
.orderinfo li label .mycheckbox {display: inline-block;}
.orderinfo li .pos-bot{position: absolute;bottom: 5px;right: 10px;}
.orderinfo li .botip{color: #999}
.moreprolist .p-img { margin-left: 30px; display: block;}
.orderinfo .p-img:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; zoom: 1;}
.orderinfo .desc { padding: 10px 0 0 70px; height: 100%; display: block;
  /*width: 359px;word-break: break-all;word-wrap: break-word;*/
}
.orderinfo .desc span {vertical-align: middle;}
.picList li { margin: 0 5px 0 0; padding: 0; width: 60px; height: 60px; float: left; position: relative; clear: none;}
.picList li:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; zoom: 1;}
.picList li img{ margin: 0; border: 1px solid #E2E1E8;}
.picList li .i_sel{
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../img/pcheck.png) 0 0 no-repeat;
  width: 62px;
  height: 62px; display: none;
}
.picList li.on img{ border: none;}
.picList li.on .i_sel { display: block;}

.p-img .desc{
  color:#333;
}
.checkarea{
  float: left;
}
.oper{
  float:right;
}
.oper1{
  float: right;
}
.orderlist .footer{
  text-align: right;
  color: #333;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.orderlist .footer1{
  text-align: right;
  color: #333;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.orderlist .goodtip{
  color:#999;
  padding-top: 10px;
  display: none;
}
.moreprolist .single {
  padding-left: 0px;
}
.moreprolist .single1 {
  padding-left: 0px;
}
.orderlist .noshow{
  display: none;
}
.orderlist .noshow1{
  display: none;
}
.moreproview .orderinfo li {
  border: none;
  padding:8px;
}
.moreproview .orderinfo .picList li{
  margin: 2px 5px 0 0; padding: 0; width: 60px; height: 60px; float: left; position: relative; clear: none;
}

.hinput {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.myradio{
  vertical-align: middle;
}
.mycheckbox{
  vertical-align: middle;
}
input[type=radio]+span {
  background:url(../img/radio.png) 0 0 no-repeat;
  display: inline-block;
  height: 14px;
  min-width: 14px;
  cursor:pointer;
}

input[type=radio]:checked+span {
  background:url(../img/rcheck.png) 0 0 no-repeat;
}

input[type=checkbox]+span {
  background:url(../img/checkbox.png) 0 0 no-repeat;
  height: 14px;
  width: 14px;
  cursor:pointer;
}

input[type=checkbox]:checked+span {
  background:url(../img/boxcheck.png) 0 0 no-repeat;
}
a.radiovalue{
  color: #999;
  cursor: default;
  vertical-align: middle;
  padding-left: 8px;
}
.btnarea{text-align:right;margin-top:10px;}
.btnarea .morebtn{
  border: 1px solid #CAC9D1;
  padding: 6px 11px;
  border-radius: 2px;
  color: #333;
}
.btnarea .morebtn:hover{
  background: #D9D9D9;
}
.btnarea .submit{
  border: 1px solid #EFF0F2;
  padding: 6px 23px;
  border-radius: 2px;
  color: #BFBFBF;
  background: #EFF0F2;
  margin-left: 10px;
}
.submit:hover{
  background:#EFF0F2;
}
.btnarea .active:hover{
  background: #AA121D;
}
.btnarea .active{
  border: 1px solid #C81623;
  padding: 6px 23px;
  border-radius: 2px;
  color: #fff;
  background: #C81623;
  margin-left: 10px;
}
/*确认信息*/
.messagearea{
  border:1px solid #E2E1E8;
  margin-top: 10px;
}
.messtip{
  font-weight: 100;
  padding: 7px 14px;
}
.messform{
  background: #EFF0F2;
  padding:13px;
}
.message{
  display: none;
  border:1px solid #E2E1E8;
  border-radius: 2px;
  padding: 3px 2px;
  width: 100px
}
.message:focus{
  border:1px solid #3897E7;
  border-radius: 2px;
}
.messform .item{
  margin-bottom: 10px;
}
.editicon{
  display: inline-block;
  background: url(../img/edit.png) 0 0 no-repeat;
  height:14px;
  width: 14px;
  vertical-align: middle;
  margin-left: 14px;
}
.label{
  font-weight: 100;
  margin-left:5px;
  vertical-align: middle;
}
.radioarea{
  margin-right: 20px;
  margin-left: 10px;
}
.radioarea .radiovalue{
  color:#333;
  padding:0;
}
.mess{
  vertical-align: middle;
}
.oper1 .rechoose{
  color:#2d8ef2;
}
.assure .errortip{
  color: #C81623;
  margin-left: 10px;
}
.oper1 .dis{
  cursor: default;
  color:#999;
}
/*转人工样式*/
.chat-tips{
  text-align: center;
  margin: 15px 30px;
}
.chat-tips .chat-msg {
  display: inline-block;
  position: relative;
  *zoom:1;
  *display: inline;
}

.chat-tips .cont {
  position: relative;
  z-index: 2;
  display: inline-block;
  word-break: break-all;
  padding:0 15px;
  margin:0;
  line-height: 24px;
}
.chat-tips .mask {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 24px;
  background: #dbdbdb;
}
.chat-msg .bl, .chat-msg .br, .chat-msg .tl, .chat-msg .tr {
  position: absolute;
  z-index: 9;
  width: 12px;
  height: 12px;
  overflow: hidden;
}
.chat-msg .tl{
  top:0px;left:0px;
  background: url(../img/bg-manual.png) no-repeat 0 0;
}
.chat-msg .tr{top:0px;right:0px;
  background: url(../img/bg-manual.png) no-repeat -18px 0px;
}
.chat-msg .bl{bottom:0px;left:0px;
  background: url(../img/bg-manual.png) no-repeat 0 -12px;

}
.chat-msg .br{
  bottom:0px;right:0px;
  background: url(../img/bg-manual.png) no-repeat -18px -12px;

}


/*一些同样工具样式结束*/

/*引入三方插件样式开始*/
@import url("../img/plugins/iCheck/square/blue.css");
@import url("../img/plugins/lightbox/css/lightbox.css");
/*引入三方插件样式结束*/

::-webkit-scrollbar {
    width: 3px;
    height: 12px;
    -webkit-border-radius: 40%;
}
::-webkit-scrollbar-thumb {
    background: #c3c3c3;
    -webkit-border-radius: 12px;
}
::-moz-scrollbar {
    width: 3px;
    height: 12px;
    -moz-border-radius: 40%;
}
::-moz-scrollbar-thumb {
    background: #c3c3c3;
    -moz-border-radius: 12px;
}
::-ms-scrollbar {
    width: 3px;
    height: 12px;
    -ms-border-radius: 40%;
}
::-ms-scrollbar-thumb {
    background: #c3c3c3;
    -ms-border-radius: 12px;
}
/*card*/
.chat-box{
    border: #e4e4ea solid 1px;
    border-radius: 10px;
    display: inline-block;
    margin-left: 85px;
    background-color:#fff;

}
.f-card{
    margin-top: 2px;
}
.img-lis{
    width: 360px;
    height: 80px;
    margin-bottom: 10px;
    overflow: hidden;
}
.img-lis img{
    width: 100%;
    height: 100%;
}
.text-lis{
    max-width: 360px;
}
.text-lis-tip{
    color: #acaaaa;
    line-height: 16px
}
.text-lis li{
    border-bottom: #f4f4f4 solid 1px;
}
.text-lis li a{
    color: #000;
    font-size: 12px;
    line-height: 30px;
    height:30px;
    display: block;
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../img/icon3.png) no-repeat right 11px;
}
.text-lis li a:hover{
    background-color:#f8f8f8;
}
.bot-note{
    color: #3897E7;
    line-height: 30px;
    margin-bottom: -6px;
}
.fast-entry{
    position: absolute;
    bottom: 2px;
    right: 0;
    padding: 0 40px 0 10px;
}
.f-e-btn{
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 24px;
    height: 24px;
    display: block;
    background: url(../img/icon3.png) no-repeat 0 -52px;
}
.f-e-btn:hover{
    background-position: 0 -25px;
}
.f-e-btn.on{
     background-position: 0 -106px;
}
.f-e-btn.on:hover{
    background-position: 0 -79px;
}
.f-e-lis{
    width: 100%;
    height: 24px;
    overflow-y:hidden;
    overflow-x: auto;
}
.f-e-lis  .f-link-a{
    float: right;
    display: inline-block;
    margin-left: 6px;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
    background: #FFFFFF;
    border: 1px solid #E4E4EA;
    border-radius: 11px;
    color: #888;
}
.f-e-lis  .f-link-a:hover{
    color: #3897E7;
}
.nb-btn-1 { padding: 2px 10px;text-align: center; color: #005EA7; background: #fff; display: inline-block;border-radius:20px; border:solid 1px #D7E5F4;margin:6px 10px 0 0;min-width: 56px;}
.nb-btn-1:hover{background: #e8f2fb;}

.p_img_show{
    width: 360px;
}
.p_img_show .jimi-img{position: relative;overflow: hidden;margin-top: 4px;}
.p_img_show .jimi-img ul{
  overflow: hidden;
}
.p_img_show .jimi-img ul li{
    float: left;
    background-color: #FFF;
    text-align: center;
}
.p_img_show .jimi-img li{
  
}
.p_img_show .jimi-img .num{
    background: rgba(74,74,74,.8);
    height: 18px;
    width: 18px;
    text-align: center;
    line-height: 18px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #FFF;
}
.single-img{
    max-width: 100px;
}
/** initial setup **/
.nano {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    *overflow:hidden;
    *zoom:1;
    *height:auto;
}

.nano .content {
	position: relative;
	overflow-y: auto;
    overflow-x: hidden;
    margin-right: -18px;
    /*right: 0;
    left: 0;
    bottom: 0;*/
    outline: 0;
}

@media screen and (max-device-width: 1024px) {
    .nano .content {
        /*right: -17px;*/
    }
}

.nano .pane {
    position: absolute;
    /*width: 20px;*/
    padding: 0 2px 0 8px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
    opacity: .01;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.nano .pane .slider {
    background: none repeat scroll 0 0 #c5c5c5;
    position: relative;
    margin: 0 1px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    width: 4px;
}

.nano:hover .pane, .pane.active, .pane.flashed {
    visibility: visible\9; /* Target only IE7 and IE8 with this hack */
    opacity: 0.99;
}

.nano .detail{
	background-color: #eceef2;
  border-bottom: 1px solid #ced9e1;
	/*padding-right: 30px;*/
}

.js-navc-productInfo .nano .detail {
  border-bottom: none;
}

.nano .content{

}
/*return goods*/
.productWrap li{float: left;width:50px;text-align: center;margin-right:5px;}
.productWrap li a{float: none;}
.orderList .order-detail{line-height: 25px;}
.orderList .order-detail img{border:1px solid #e5e5e5;}
.productWrap .yellow-btn{margin-top:7px;}
.imgList span{color:#999;}
.orderList .undone{clear: both;line-height: 24px;text-align: center;color:#999;}
.orderList .order-time p{line-height: 24px;}


.returnsPop{
    width:600px;
    padding:0 20px;
}
.step{
    background: url(/jimi/img/common/bg_step.png?{version}) no-repeat 0 0;
    width:430px;
    margin-left:90px;
    height: 30px;
    line-height: 30px;
    padding-top:32px;

}
.step3-1{
    background-position:0 0 ;
}
.step3-2{
    background-position: 0 -51px;
}
.step3-3{
    background-position: 0 -110px;
}
.step li{
    float: left;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    font-size:16px;
    font-weight: bold;
    width:122px;
    color:#999;
}
.step li.current, .step li.done{
    color:#b4df55;
}
.step li.done{
    padding-left: 20px;
}
.step li.first{
    width:120px;
}
.step li.second{
    width:140px;
}
.step li.third{
    width:130px;
    float: right;
    text-align: right;
}
.returns-form{
    margin:20px 0;
}
.ui-field{
    padding:10px 0;
    line-height: 20px;
    *zoom:1;
}
.ui-field:after{
    visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;
}
.ui-field .ui-label{
    float: left;
    width:120px;
    margin-right: 15px;
    text-align: right;;
}
.ui-field .ui-label b{
    color:#f90;
}
.ui-field textarea{
    width:400px;
    height: 70px;
}
.add-btn, .minu-btn{
    cursor: pointer;
    text-indent: -9999px;
    float: left;
    background-position: 0 -154px;
    width:22px;
    height: 30px;
}
.add-btn{
    background-position: -20px -154px;
}
.ui-field .number-input{
    width:30px;
    float: left;
}
.filed-text{
    margin-left:135px;
    color:#666;
    height: 30px;
    line-height: 30px;
}
.file-field{
    position: relative;
    width:70px;
    left:-70px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.upload-btn{
    width:70px;
}
.field-list{
    margin-left:135px;
}
.address-input{
    width:300px;
}
.btn-wrap{
    margin:30px 0 10px 135px;
}
.btn-wrap input{
    float: left;
    margin-right: 15px;
}
/*.afterSalesPop .btn-wrap input{*/
    /*float: left;*/
    /*margin-right:10px;*/
/*}*/
 .btn-wrap .message{
    color:#d10;
    line-height: 30px;
}

/*�ۺ���񵯳���*/
.afterSalesPop{ display:none; position:absolute;width:800px; height:590px; font:12px/100% 'SimSun';background:fff; border:#841c1c 1px solid;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px; z-index:122;left:50%;margin: 0 0 0 -203px; }
/*�رհ�ť*/
.afterSalesPop .afterSalesPopClose{ position:absolute; width:18px; height:18px; right:6px; top:14px;}
/*���������*/
.afterSalesPop .popTitle{height:50px; background:url(/jimi/img/default.v1.0.0/popJimi.png?{version}) 30% no-repeat;margin:0  auto; width:auto; text-align:center; padding-top:35px;}
.afterSalesPop .popTitle span{ font-family:Microsoft YaHei; font-size:20px;line-height:20px; color:#68aada; margin-left:20px;}
/*���������ģ��*/
.afterSalesPop .popContent{ font:12px/100% 'SimSun'; padding:0 50px;}
.afterSalesPop .popContent dd{color:#958582; line-height:45px; margin: 0 10px;}
.afterSalesPop .popContent span{float:left;}
.afterSalesPop .popContent .mlRadio{background:url(/jimi/img/default.v1.0.0/rdBg03.png?{version}) no-repeat; height:15px; width:15px; margin-top:16px; margin-right:2px;}
.afterSalesPop .popContent .rdText{ margin-right:10px;}
.afterSalesPop .popContent em{ background:url(/jimi/img/default.v1.0.0/rdBg01.png?{version}) no-repeat; width:7px; height:7px; float:left; margin:4px 0 0 4px;}
/*�����㽨��ģ��*/
.afterSalesPop .suggest{line-height:20px; margin-bottom:10px;}
.afterSalesPop .suggest dd{background:url(/jimi/img/default.v1.0.0/txBg.png?{version}) no-repeat; _background:none;width:355px; height:80px;margin:5px 10px 0px 10px;word-wrap:break-word;}
.afterSalesPop .suggest span{ float:none; padding:5px;}
.afterSalesPop .suggest span b{color:#ff8a00;}
.afterSalesPop .suggest dd textarea{line-height:16px; height:56px; outline:none;word-wrap:break; padding-left:10px;padding-top:10px;  width:335px; border:none;overflow:auto; font:12px/16px 'SimSun';background:url(/jimi/img/default.v1.0.0/txBg.png?{version}) no-repeat fixed;*padding-left:0px;*padding-right:0px; resize:none; color:#958582;}
/*�������ύģ��*/
.afterSalesPop .submit{text-align:center;}
.afterSalesPop .submit input{width:54px;width:55px\9; height:24px;margin:0 10px; border:none;}
.afterSalesPop .submit input[type='button']{background:url(/jimi/img/default.v1.0.0/submitBg.png?{version}) no-repeat -54px;background:url(/jimi/img/default.v1.0.0/submitBg.png?{version}) no-repeat -53px\9;}
.afterSalesPop .submit input[type='button']:hover{background:url(/jimi/img/default.v1.0.0/submitBg.png?{version}) no-repeat;}
.afterSalesPop .submit input[type='reset']{background:url(/jimi/img/default.v1.0.0/submitBg.png?{version}) no-repeat -108px;}
.afterSalesPop .submit input[type='reset']:hover{background:url(/jimi/img/default.v1.0.0/submitBg.png?{version}) no-repeat -162px;}
.msg-text-01 {
    border: 1px solid #D8D8D8;
    background: #F5F5F5;
    color: #666666;
    padding: 2px 6px;
    margin-top: 6px;
    margin-left: 140px;
    width: 370px;
}
.btns01 {
    padding-left: 35px;
    padding-top: 10px;
    float: right;
}

/*afterSalesPop style*/
#afterSalesPop{background:url(/jimi/img/default.v1.0.0/mailPopbgBlue.png?{version}) repeat-x;border:#5da4d7 1px solid;}
/*�رհ�ť*/
.afterSalesPop .afterSalesPopClose{background:url(/jimi/img/default.v1.0.0/popCloseblue.png?{version});}
.afterSalesPop .afterSalesPopClose:hover{background:url(/jimi/img/default.v1.0.0/popCloseblue.png?{version}) -18px;}
/*ͼƬ�ϴ��ؼ�*/
.mscoll {
    float: left;
    width: 352px;
}
.mslist {
    width: 300px;
    height: 52px;
    overflow: hidden;
    margin: 0 25px;
}
.mleft {
    float: left;
}
.mright {
    float: right;
}
.mleft, .mright {
    background: url(//misc.360buyimg.com/product/skin/2012/i/newicon20121210.png?{version});
    width: 17px;
    height: 54px;
    line-height: 200px;
    overflow: hidden;
    cursor: pointer;
}
.mscoll li b {
    position: absolute;
    right: 4px;
    bottom: 0;
    background: #6D6D6D;
    width: 12px;
    height: 12px;
    color: #fff;
    text-align: center;
    line-height: 12px;
    display: none;
    cursor: pointer;
}
.img-list li {
    width: 60px;
    height: 52px;
    position: relative;
    float: left;
}
.mscoll .hover b {
    display: block;
}

.msg-error-01 {
    border: 1px solid #db9a9a;
    background: #ffe8e8;
    color: #cc0000;
    float: left;
    padding: 2px 6px;
}

/*ת�˹�ABTest��ʽ*/

/*�ұ�ͼƬ�޸�-verA*/
#container .panelR-a{background:url(/jimi/img/default.v1.0.0/rightPanel-318.png?{version}) 0 0 no-repeat;}
#panelRicon{margin-top:0;height:295px;overflow:hidden;}
.manuallySup .icon{background:url(/jimi/img/default.v1.0.0/rightIcon-20130822.png?{version}) -126px -168px no-repeat;}
.manuallySup .icon:hover,#panelRicon .manuallySup .active{background-position:-42px -168px;}

/*�ұ�ͼƬ�޸�-verB*/
#container .panelR-b{background:url(/jimi/img/default.v1.0.0/rightPanel-318.png?{version}) 0 0 no-repeat;}
#panelR .manuallySupport{display:block;width:100%;height:22px;line-height:22px;overflow:hidden;}
#panelR .manuallySupport .icon{float:left;width:21px;height:21px;margin-left:14px;background:url(/jimi/img/default.v1.0.0/rightIcon-20130822.png?{version}) -84px -168px no-repeat;}
#panelR .manuallySupport:hover .icon, #panelR .manuallySupport .active{background-position:-1px -168px;}
*html #panelR .manuallySupport .icon:hover, *html #panelR .manuallySupport .active{_background-position:-1px -168px;}
#panelR .manuallySupport .toKF{float:left;display:inline;width:80px;margin-left:5px;_margin-top:2px;}


/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
          transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url(../img/loader.gif) no-repeat center center;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
          transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
          transform: translate3d(0, -50px, 0);
}

#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
}

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(../img/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}

#swipebox-next {
  background-position: -78px 13px;
  float: right;
}

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
          animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
          animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
          box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
          box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95;
}

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}



/*
 * category list
 */
.jimi-category-list {
    height: 90px;
    margin-right: 26px;
    position: relative;
}

.jimi-category-list ul {
    height: auto;
    display: block;
}

.jimi-category-list .list-panel {
    height: 102px;
    overflow: hidden;
}

.jimi-goods-list {
    max-height: 290px;
    _height:290px;
    *zoom:1;
    /*overflow:hidden;*/
    margin-right: 2px;
    position: relative;
}

.jimi-goods-list .list-panel {
    /*_height: expression(this.offsetHeight > 265 ? "265px" : "auto");*/
    _height:204px;
    max-height: 303px;
    overflow: hidden;
    max-width:500px;
    *position:relative; 
/*    overflow-y: scroll;*/
}

.jimi-goods-list .list-panel .goods-detail img {
  height: 80px;
  left: 0;
  margin-top: -40px;
  position: absolute;
  top: 50%;
  width: 80px;
}

.jimi-goods-list .list-panel .goods-detail .goods-title {
  height:47px;
  max-height: 47px;
}
.jimi-goods-list .list-panel .goods-detail .goods-title a{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    margin-bottom: 3px;
}

.jimi-goods-list .list-panel .goods-detail .goods-title span{
    float: left;
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
}

.jimi-goods-list .list-panel .goods-detail .goods-title span.goods-tag{
    padding: 0 5px;
    border: solid 1px #FF716F;
    color: #FF716F;
    border-radius: 3px;
    margin-right: 5px;
}

.jimi-goods-list .list-panel .goods-detail .goods-title span.goods-review{}

.goods-detail{
    background: #fff;
}

.jimi-goods-list .list-panel .goods-detail .goods-des-area {
  width: 374px;
}

.jimi-goods-list .views {
	max-width: 500px;
}

table.jimi_pginationbar_table {
    margin: 7px 0;
}

.jimi-category-pagination {
    width: 24px;
    height: 50px;
    position: absolute;
    right: -6px;
    bottom: 0;
    display: none;
}

.jimi-category-pagination a {
    width: 22px;
    height: 22px;
    display: block;
    background-image: url("/jimi/img/shopping/i/icon20130829.png");
    margin: 3px 0;
    outline: none;
}


.jimi_pgination-bar {
    width: 24px;
    vertical-align: bottom;
    padding: 0 0 0 10px;
}

.jimi_pgination-bar a {
    width: 22px;
    height: 22px;
    display: block;
    background-image: url("/jimi/img/shopping/i/icon20130829.png");
    outline: none;
    margin: auto;
    vertical-align: middle;
}

.jimi_pgination-bar a.page-number {
    text-align: center;
    width: 18px; height: 18px;
    background-position: -8px -40px;
    text-decoration: none;
    margin: 4px auto;
    line-height: 18px;
}

.jimi_pgination-bar a.page-curr {
    color: #ff7010;
}

.jimi_pgination-bar a.mission {
    background-position: -35px -40px;
}

.jimi-pagination-up-disable {
    background-position: -6px -71px;
}

.jimi-pagination-up-default {
    background-position: -75px -71px;
}

.jimi-pagination-down-disable {
    background-position: -53px -99px;
}

.jimi-pagination-down-default {
    background-position: -75px -99px;
}

.jimi-pagination-up {
    background-position: -6px -71px;
}

.jimi-pagination-up:hover {
    background-position: -75px -71px;
}

.jimi-pagination-down {
    background-position: -53px -99px;
}

.jimi-pagination-down:hover {
    background-position: -75px -99px;
}

.jimi-category {

}

.jimi-category-list .category li {
    width: 148px;
    height: 24px;
    line-height: 24px;
    color: #005aa0;
    font: 12px arial;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    display: inline-block;
    _display: inline;
    _zoom: 1;
    margin: 5px 30px 5px 0;
    list-style-type: none;
}

/**
 * goods-view
 */
.jimi-goods-view {
    float: left;
	width: 150px;
    height: 260px;
    border: #cccccc 1px solid;
    font: 12px arial;
    margin: 2px 2px;

    display: inline-block;
    _display: inline;
    _zoom: 1;
}

.jimi-goods-view .goods-image {
    text-align: center;
    height: 120px;
    margin: 10px;
}

.jimi-goods-view .goods-title {
    height: 55px;
    line-height: 18px;
    margin: 0 10px;
    overflow: hidden;
}

.jimi-goods-view .goods-price {
    height: 18px;
    margin: 0 10px;
}

.jimi-goods-view .goods-price label {
    color: #e4393c;
}

.jimi-goods-view .buy-view {
    text-align: center;
}

.jimi-goods-view .buy-btn {
    width: 104px;
    height: 21px;
    border: 0;
    color: #FFFFFF;
    cursor: pointer;
    background: url("/jimi/img/shopping/i/normal.png") 0px 0px;
    display: block;
	margin-left: 20px;
}

.jimi-goods-view .buy-btn:hover{
	background: url("/jimi/img/shopping/i/hover.png") 0px 0px;
}

/**
 * promotions-list
 */

.jimi-promotions-list {
    font: 12px arial;
}

.jimi-promotions-list li {
    height: 18px;
    line-height: 18px;
    list-style-type: none;
}

.jimi-promotions-list .content a {
    color: #005aa0;
}

.jimi-promotions-list .premiums{

}

.jimi-promotions-list .premiums .number {
    color: #e4393c;
}

.jimi-promotions-list .premiums  * {
    vertical-align: middle;
    display: inline-block;
    _display: inline;
    _zoom: 1;
}




.jimi-order-list {
    font-size: 12px;
    background-color: #e6e6e6;
    width: auto;
    float: left;
}

.jimi-order-list table {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 1px;
}

.jimi-order-list td {
    text-align: center; vertical-align: middle;
    background-color: #FFFFFF;
    height: 74px;
}

.jimi-order-list .td1 {
    vertical-align: top;
    width: 84px;
}

.jimi-order-list .td2 {
    /*width: 240px;*/
}

.jimi-order-list .td3 {
    width: 85px;
}

.jimi-order-list .td4 {
    width: 95px;
}

.jimi-order-list .td4 a {
    color: #005ea7; outline: none;
}

.jimi-order-list td.bar {
    line-height: 27px;text-align: right;
    background-color: #f7f7f7;
    height: 27px;
}

.jimi-order-list td.bar a {
    color: #005ea7; outline: none; text-decoration: none;
    margin-right: 11px;
}

.jimi-order-list .td1 .name {
    margin-top: 20px;
}

.jimi-order-list .td1 .number {
    color: #005ea7;
}

.jimi-order-list .td2 {
    padding: 0px 5px;
    max-width: 178px;
}

.jimi-order-list .wide {
    width:178px;
}

.jimi-order-list .td2 div {
    margin: 5px;
    float: left;
}

.jimi-order-list .td2 img{
    margin: 2px; max-width: 50px; max-height: 50px; border: #e1e1e1 1px solid;
    float: left;
}

.jimi-order-list .td2 a{
    outline: none;
}

.jimi-order-list .td3 .row1{
    margin-top: 10px;
}

.jimi-order-list .td3 .row2{
     margin-top: 3px;
     color: #666666;
 }

.jimi-order-list .td3 .row3{
    color: #e4393c;
}

.jimi-order-list .td3 .row4{
    color: #e4393c;
    width: 80px;
    margin: auto;
}

.jimi-order-list .td4 .row1 {
    margin-top: 8px;
}

.jimi-order-list .td4 div {
    height: 20px;
    line-height: 20px;
    color: #005ea7;
}
.jimi-order-tracking {
    font-size: 12px;
    background-color: #dcdee4;
    width: 428px;
    padding: 1px;
    float: left;
    margin: 5px 0 4px 0;
}

.jimi-order-tracking td {
    border-top: #e6e6e6 1px solid;
}

.jimi-order-tracking .info {
    width: 320px;
    padding: 6px;
}

.jimi-order-tracking tr.receipt td {
    border-top: 0;
}

.jimi-order-tracking tr.receipt {
    color: #e4393c;
    background-color: #ffffff;
    height: 40px;
}

.jimi-order-tracking tr.receipt .time {

}

.jimi-order-tracking tr {
    background-color: #f7f7f7;
    height: 30px;
    border-bottom: #e6e6e6 1px solid;
}

.jimi-order-tracking .time {
    text-align: center;
    width: 163px;
}


.jimi-orderinfo {
    font-size: 12px;
    border: #e6e6e6 1px solid;
    width: 426px;
    padding: 1px;
    float: left;
    background-color: #ffffff;
    margin: 5px 0 7px 0;
}

.jimi-orderinfo li {
    list-style-type: none;
}

.jimi-orderinfo .head {
    line-height: 28px;
    background-color: #f7f7f7;
    height: 28px;
    padding: 0 12px;
}

.jimi-orderinfo .head .status {
    color: #e4393c;
    font-weight:bold;
}

.jimi-orderinfo .image {
    padding: 10px;
}

.jimi-orderinfo .image .status {
    color: #e4393c;
    font-weight:bold;
}

.jimi-orderinfo .image a{
    color: #005ea7;
}

.jimi-orderinfo .image span {
    width: 370px;
    color: #005ea7;
}
.jimi-orderinfo .image .multiply {
    font-size:10pt;
}

.jimi-orderinfo .image * {
    display: inline-block;
    vertical-align: middle;
    _display: inline;
    _zoom: 1;
}

.jimi-orderinfo .info {
    /*background-color: #f7f7f7;*/
    /*height: 98px;*/
    margin: 0 10px 0 10px;
    padding: 10px 0 10px 0;
    border-top:1px solid #F2F2F2;
}

.jimi-orderinfo .info p {
    line-height: 20px;
    padding: 0px;
    margin: 0px;
}

.jimi-orderinfo .info .title {
    font-weight: bold;
}
.jimi-goodsquery {
    float: left;
    padding:5px 0 5px 0;
}

.jimi-goodsquery li {
    list-style-type: none;
    line-height: 20px;
}

.jimi-goodsquery .image {
    height: 50px;
}

.jimi-goodsquery .image * {
    display: inline-block;
    vertical-align: middle;
    _display: inline;
    _zoom: 1;
}

.jimi-goodsquery span {
    width: 340px;
}

.jimi-goodsquery .red {
    color: #e4393c;
}

.jimi-goodsquery .blue {
    color: #005ea7;
}

.jimi-goodsquery .bold {
    font-weight: bold;
}

.jimi-goodsquery .blue {
    color: #005ea7;
}

.jimi-goodsquery .linkURL{
    margin-top:15px;
}

.jimi-servcie {

}

.jimi-servcie .hideItem{
    display:none;
}

.jimi-servcie li{
    height: 81px;
}

.jimi-servcie li * {
    float: left;
}

.jimi-servcie .icon {
    width: 72px; height: 72px; margin-right: 10px;
    background: url("/jimi/img/service-iocn.png") no-repeat -16px -12px;
}

.jimi-servcie .info {
    /*width: 400px;*/
}

.jimi-servcie .title {
    color: #005ea7;
    font-weight: bold;
}

.jimi-servcie  .server2 {
    background-position: -112px -11px;
}

.jimi-servcie  .server3 {
    background-position: -16px -121px;
}

.jimi-servcie  .server4 {
    background-position: -112px -121px;
}

.jimi-servcie  .server5 {
    background-position: -16px -253px;
}

.jimi-servcie  .server6 {
    background-position: -113px -255px;
}

.jimi-servcie  .server7 {
    background-position: -16px -365px;
}

.jimi-servcie  .server8 {
    background-position: -112px -367px;
}

.jimi-servcie  .server9 {
    background-position: -16px -467px;
}

.jimi-servcie .collpaseRegion{
    position:relative;
    width:85px;
    height:25px;
    background:url("/jimi/img/common/btn_more.png") no-repeat 0px 0px;
    cursor:pointer;
    margin:9px 0px 15px 200px;
}

.jimi-servcie .collpaseRegion:hover{
    background-position: 0px -25px;
}

.jimi-servcie .collpaseRegion div{
    text-align: center;
    margin-right: 10px;
}

.jimi-servcie .collpaseRegion b{
    display:block;
    position:absolute;
    top:9px;
    right:8px;
    width:10px;
    height:6px;
    background:url("/jimi/img/common/arrow.png") no-repeat 0px 0px;
}

.jimi-servcie .decollpaseRegion{
    position:relative;
    width:70px;
    height:25px;
    background:url("/jimi/img/common/btn_more.png") no-repeat -85px 0px;
    cursor:pointer;
    padding-left:12px;
    margin:9px 0px 15px 200px;
}

.jimi-servcie .decollpaseRegion:hover{
    background-position: -85px -25px;
}

.jimi-servcie .decollpaseRegion div{
    text-align: center;
    margin-right: 40px;
}

.jimi-servcie .decollpaseRegion b{
    display:block;
    position:absolute;
    top:8px;
    right:28px;
    width:10px;
    height:6px;
    background:url("/jimi/img/common/arrow.png") no-repeat 0px -6px;
}
.jimi-dispatching {
    width: 375px;
    float: left;
}

.jimi-dispatching .bar *{
    display: inline-block;
    vertical-align: middle;
    _display: inline;
    _zoom: 1;
}


.jimi-dispatching .bar .select {
    /* border: #aaaaaa 1px solid; */
}

.jimi-bar-ul .bar-item {
    float: left; width: auto;
}


.jimi-dispatching .bar .droplist-btn {
    width: 20px; height: 20px;
    display: block;
    background: url("/jimi/img/icon.png") no-repeat 0 -1px;
    cursor: pointer;
}

.jimi-dispatching .bar input {
    width: 158px; height: 20px;
    border: 0;
}

.jimi-dispatching .bar .droplist-btn:hover {
    background-position: 0 -40px;
}

.jimi-dispatching .bar button {
    width: 77px; height: 27px; border: 0;
    background: url("/jimi/img/icon.png") no-repeat -27px 0;
    cursor: pointer;
}

#jimi-selectArea {
    width: 400px;
    height: 300px;
}

#goodsqarea{
  width: 333px;
  margin-top: 8px;
}



.p-tab {
	/*width:260px;*/
  font-weight: normal;
}

.p-tab-item ul {
	/*width: 310px;*/
	height:25px;
	float:left;
	list-style:none;
	z-index:100;
	position:relative;
}

.p-tab-item ul li {
	float:left;
	clear:none;
	padding:0;
	text-align:left;
	line-height:26px;
	border:1px solid #ddd;
  border-bottom: none;
	margin-right:2px;
	background:#ccc;
}

.p-tab-item ul .active {
	background:#fff;
}

.p-tab-item ul .active a {
	border-bottom:1px solid #fff;
}

.p-tab-item ul li a {
	padding:0px 10px;
	display:block;
	float:left;
	position:relative;
    outline: none;
}

.p-tab-item .line {
	z-index:99;
	width:100%;
	position:relative;
	float:left;
	top:-1px;
	border-top:1px solid #f0f0f0;
}

.p-tab-content {
	clear:left;
	border:1px solid #f0f0f0;
	border-top:0px;
	padding:10px 8px;
    *margin-top: -8px;
}

.p-tab-panel {
	display:none;
}

.p-district {
	left: 870px;
	top: 176px;
	position: absolute;
	float: left;
	height: 26px;
	margin-right: 6px;
  cursor: pointer;
}



.p-district .text {
	float:left;
	position:relative;
	top:0;
	background:#fff;
	border:1px solid #cecece;
	padding:0 20px 0 4px;
	line-height:23px;
	overflow:hidden;
    z-index: 2;
    max-width: 200px;
    height:23px;
}

.p-district .on-select {
    border-bottom:1px solid #ffffff;
}


.p-district .text b {
	display:block;
	position:absolute;
	top:0;
	right:3px;
	width:14px;
	height:24px;
	background:url(//misc.360buyimg.com/product/skin/2012/i/newicon20130617.png) -264px -188px;
	overflow:hidden;
}

.p-district .j_content {
	position: absolute;
    z-index: 1;
	display:none;
	top: 23px;
    left: 0;
	border:1px solid #cecece;
	width: 400px;
    height: auto;
	padding:15px;
	background:#fff;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow:0 0 5px #ddd;
}

.p-district .area-list {
	padding-top:5px;
	list-style:none;
    margin: 0;
}

.p-district .area-list li {
	overflow:hidden;
	width:95px;
	float:left;
	/*padding:2px 0 2px 15px;*/
}

.p-district .close {
	background: url(//misc.360buyimg.com/product/skin/2012/i/newicon20130617.png) -256px -86px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 2;
	top: 15px;
	left: 61px;
	width: 18px;
	height: 17px;
  cursor: pointer;
}

.p-tab-content {
	clear:left;
	border:0px;
	padding:0px 8px;
}

.p-tab-item ul li {
	background:#fff;
    position: relative;
    height: 25px;
  margin-right: 4px;
}

.p-tab-item ul .active{
	border:2px solid #EDD28B;
	border-bottom:2px solid #fff;
}

.p-tab-item .line {
	border-top:2px solid #EDD28B;
	top:-2px;
}

.p-tab-item ul {
    border-bottom:2px solid #EDD28B;
    _overflow: hidden;
    height: 27px;
}

input,label{
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
/*input{
    cursor: pointer;
}*/
.radio-type{
    margin-right: 80px;
}
.submit-opt{
    text-align: center;
}
.post-btn,
.cancel-btn{
    background-color: #FFF;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    width: 76px;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    border-bottom: 3px solid #cecece;
    font-weight: bolder;
    color: #595757;
    font-family: "Microsoft YaHei","微软雅黑";
}
.cancel-btn{
    /*background-color: #909BA6;*/
    /*border-bottom: 3px solid #77828B;*/
}
.post-btn {
  margin-left: 51px;
}

.post-btn:hover,
.cancel-btn:hover{
  background-color: #ddd;
  box-shadow: 0 4px 0 #ccc;
  text-decoration: none;
}

@media all and (min-width: 0px){
  .post-btn,
  .cancel-btn{
    box-shadow: 0 4px 0 #cecece;
    border-bottom: none !important;
  }
}

.label-type{
    padding-right: 50px;
}
.checkbox-type{
    *width:13px;
    *height:13px;
    vertical-align:-4px;
    *vertical-align:-1px;
    _vertical-align:0;
}
.reason-intro{
    resize: none;
    width: 420px;
    height: 62px;
    border: 1px solid #E2E1E8;
    font-size: 12px;
    text-align: left;
    padding: 9px;
}

.reason-intro:focus {
  border-color: #6cb4eb;
}
.words-restrict{
    text-align: right;
    height: 12px;
    line-height: 12px;
    padding-top: 4px;
    padding-bottom: 18px;
}
.words-restrict-color{
    color: #b8b8b8;
}
.feedback{
    margin:40px 40px 40px 90px;
}
.feedback h3 {
  font-size: 14px;
}
.feedback .blue-btn{
    cursor: pointer;
}
#panelR #j_satisfy .icon{
    background: url("../img/default.v1.0.0/rightIcon-20130822.png") -84px -258px no-repeat;
}

#panelR #j_satisfy .icon:hover{
    background: url("../img/default.v1.0.0/rightIcon-20130822.png") 0px -258px no-repeat;
}
/**
 * propertys-view
 */
.jimi-propertys-list {
    max-height: 500px;
    margin-right: 26px;
    position: relative;
}

.jimi-propertys-view {
    border: #cccccc 1px solid;
    float: left;
    font: 12px arial;
    margin: 2px;

    display: inline-block;
    _display: inline;
    _zoom: 1;
}

.jimi-propertys-view .goods-image {
    text-align: center;
}

.jimi-propertys-view .goods-price {
    height: 18px;
	text-align: center;
}

.jimi-propertys-view .goods-price label {
    color: #e4393c;
}

.jimi-propertys-view .buy-view {
    text-align: center;
}

.btn {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus {
  outline: none;
}
.btn.btn-default {
  background-color: #cfd6d8;
  border: 0 none;
  cursor: pointer;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  border-radius: 4px;
  border-bottom: 3px solid #c3cbce;
  font-weight: bold;
  color: #fff;
  -webkit-transition: all 0.3s;
}
.btn.btn-default:hover {
  background-color: #DDDEE0;
}
.btn.btn-primary {
  background-color: #3897e7;
  border: 0 none;
  cursor: pointer;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  border-radius: 4px;
  border-bottom: 3px solid #3287cf;
  font-weight: bold;
  color: #fff;
  -webkit-transition: all 0.3s;
}
.btn.btn-primary:hover {
  background-color: #49a4ed;
}
#myJimi .myjimi-intro-wrapper {
  width: 100%;
  position: relative;
}
#myJimi .myjimi-intro-wrapper .myjimi-intro-img {
  background: url('i/myjimi/intro.png') no-repeat center top;
  height: 339px;
  width: 252px;
  margin: 60px auto 0;
}
#myJimi .myjimi-intro-wrapper .myjimi-intro-img .myjimi-intro-flag {
  background: url('i/myjimi/intro-flag.png') no-repeat center center;
  position: relative;
  height: 85px;
  width: 183px;
  margin: 0 auto;
  top: 214px;
  cursor: pointer;
}
#myJimi .myjimi-adopt-wrapper {
  width: 100%;
  position: relative;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-avatar {
  width: 162px;
  height: 161px;
  margin: 28px auto 12px;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-avatar.male {
  background: url('i/myjimi/male-adopt.png') no-repeat center center;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-avatar.female {
  background: url('i/myjimi/female-adopt.png') no-repeat center center;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-avatar .myjimi-adopt-flag {
  background: url('i/myjimi/adopt-flag.png') no-repeat center center;
  width: 188px;
  height: 39px;
  position: relative;
  top: 116px;
  left: -13px;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-form {
  margin-bottom: 28px;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-tips {
  text-align: center;
  font-size: 10pt;
  color: #888888;
  font-weight: 900;
  margin: 0 auto;
  font-family: 'Microsoft YaHei', serif;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-name {
  margin: 12px auto 22px;
  width: 204px;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-name-input {
  border: 0;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 13pt;
  background-color: #E7ECED;
  width: 184px;
  height: 35px;
  color: #3897e7;
  font-weight: 900;
  margin: 0 auto 6px;
  font-family: 'Microsoft YaHei', serif;
  text-align: center;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-name-error {
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  color: #db4a4a;
  padding: 0 10px;
  display: none;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-submit {
  text-align: center;
  width: 357px;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-submit .btn {
  padding: 4px 30px;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-submit .btn.btn-primary {
  margin-left: 37px;
  font-size: 11pt;
  font-family: 'Microsoft YaHei', serif;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-submit .btn.btn-default {
  font-size: 11pt;
  font-family: 'Microsoft YaHei', serif;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-gender {
  width: 104px;
  margin: 0 auto;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-gender li {
  position: relative;
  cursor: pointer;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-gender li.checked .icon-adopt-checked {
  display: block;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-gender .icon-adopt-male {
  background: url('i/myjimi/btn_male.png') no-repeat center center;
  display: block;
  width: 38px;
  height: 38px;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-gender .icon-adopt-female {
  background: url('i/myjimi/btn_female.png') no-repeat center center;
  display: block;
  width: 38px;
  height: 38px;
}
#myJimi .myjimi-adopt-wrapper .myjimi-adopt-gender .icon-adopt-checked {
  background: url('i/myjimi/btn_ok.png') no-repeat center center;
  display: none;
  position: absolute;
  right: -7px;
  bottom: -6px;
  width: 14px;
  height: 14px;
}
#myJimi .myjimi-index-mask-gain {
  width: 357px;
  height: 790px;
  background-color: rgba(68, 68, 68, 0.27);
  position: fixed;
  z-index: 1500;
  display: none;
}
#myJimi .myjimi-index-mask-gain .myjimi-index-gain {
  width: 250px;
  height: 227px;
  background: url('i/myjimi/bg-gain.png') no-repeat center center;
  position: relative;
  margin: auto;
  top: 10%;
}
#myJimi .myjimi-index-mask-gain .myjimi-index-gain .gain-guazi {
  width: 150px;
  height: 50px;
  margin: 0 auto;
  position: relative;
  top: 70px;
  text-align: center;
}
#myJimi .myjimi-index-mask-gain .myjimi-index-gain .gain-guazi .gain-pic-guazi {
  width: 50px;
  height: 50px;
  background: url('i/myjimi/pic-guazi.png') no-repeat center center;
  position: relative;
  left: -10px;
  display: inline-block;
}
#myJimi .myjimi-index-mask-gain .myjimi-index-gain .gain-guazi .gain-exp-guazi {
  font-size: 1.5rem;
  color: #316989;
  font-weight: 600;
  position: relative;
  top: -15px;
}
#myJimi .myjimi-index-mask-gain .myjimi-index-gain .gain-text {
  width: 200px;
  height: 30px;
  position: relative;
  margin: auto;
  top: 80px;
  text-align: center;
}
#myJimi .myjimi-index-mask-gain .myjimi-index-gain .gain-text p {
  font-size: 0.8rem;
  color: #10080f;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 600;
  line-height: 30px;
}
#myJimi .myjimi-index-mask-gain .myjimi-index-gain .gain-btn-confirm {
  width: 120px;
  height: 40px;
  background: url('i/myjimi/btn-confirm.png') no-repeat center center;
  margin: 0 auto;
  position: relative;
  top: 88px;
}
#myJimi .myjimi-index-mask-sign-in {
  width: 357px;
  height: 790px;
  background-color: rgba(68, 68, 68, 0.27);
  position: fixed;
  z-index: 1500;
  display: none;
}
#myJimi .myjimi-index-mask-sign-in .myjimi-index-sign-in {
  width: 250px;
  height: 183px;
  background: url('i/myjimi/sign_in_window.png') no-repeat center center;
  position: relative;
  margin: auto;
  top: 10%;
  border: 4px solid #B5BEC0;
}
#myJimi .myjimi-index-mask-sign-in .myjimi-index-sign-in .sign-in-btn-confirm {
  width: 120px;
  height: 40px;
  background: url('i/myjimi/btn-confirm.png') no-repeat center center;
  margin: 0 auto;
  position: relative;
  top: 125px;
}
#myJimi .myjimi-index-mask-adopt-success {
  width: 357px;
  height: 790px;
  background-color: rgba(68, 68, 68, 0.27);
  position: fixed;
  z-index: 1500;
  display: none;
}
#myJimi .myjimi-index-mask-adopt-success .myjimi-index-adopt-success {
  background: url('i/myjimi/adopt-success.png') no-repeat center center;
  width: 323px;
  height: 252px;
  position: relative;
  margin: auto;
  top: 10%;
  left: 10px;
}
#myJimi .myjimi-index-mask-adopt-success .myjimi-index-adopt-success .adopt-success-btn-confirm {
  width: 120px;
  height: 40px;
  background: url('i/myjimi/btn-confirm.png') no-repeat center center;
  position: relative;
  top: 80px;
  left: 70px;
}
#myJimi .myjimi-index-mask-adopt-success .myjimi-index-adopt-success .text-content {
  position: relative;
  top: 53px;
  left: 37px;
  text-align: left;
}
#myJimi .myjimi-index-mask-adopt-success .myjimi-index-adopt-success .text-content p {
  font-size: 0.9rem;
  color: #10080f;
  font-weight: 900;
  font-family: 'Microsoft YaHei', serif;
  line-height: 20px;
}
#myJimi .myjimi-index-mask-adopt-success .myjimi-index-adopt-success .text-content p span.adopt-name {
  color: #ff0000;
}
#myJimi .myjimi-index-mask-lv {
  width: 357px;
  height: 790px;
  background-color: rgba(68, 68, 68, 0.27);
  position: fixed;
  z-index: 1500;
  display: none;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv {
  width: 252px;
  height: 349px;
  background: url('i/myjimi/bg-lv.png') no-repeat center center;
  position: relative;
  margin: auto;
  top: 10%;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round {
  width: 110px;
  height: 110px;
  background: url('i/myjimi/round-bg.png') no-repeat center center;
  margin: 0 auto;
  position: relative;
  top: 62px;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header {
  width: 110px;
  height: 110px;
  position: relative;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.novice-male {
  background: url('i/myjimi/header/novice-male.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.novice-female {
  background: url('i/myjimi/header/novice-female.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.elementary-male {
  background: url('i/myjimi/header/elementary-male.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.elementary-female {
  background: url('i/myjimi/header/elementary-female.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.middle-male {
  background: url('i/myjimi/header/middle-male.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.middle-female {
  background: url('i/myjimi/header/middle-female.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.high-male {
  background: url('i/myjimi/header/high-male.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.high-female {
  background: url('i/myjimi/header/high-female.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.self-1 {
  background: url('i/myjimi/header/self-1.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.self-2 {
  background: url('i/myjimi/header/self-2.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.self-3 {
  background: url('i/myjimi/header/self-3.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.self-4 {
  background: url('i/myjimi/header/self-4.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header.self-5 {
  background: url('i/myjimi/header/self-5.png') no-repeat center top;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-bg-round .lv-bg-header .lv-bg-flag {
  width: 114px;
  height: 32px;
  background: url('i/myjimi/header-flag.png') no-repeat center center;
  position: relative;
  top: 80px;
  line-height: 30px;
  text-align: center;
  color: #74471A;
  font-weight: 600;
  font-size: 1rem;
  font-family: "Microsoft YaHei", serif;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-text-content {
  width: 200px;
  height: 100px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  top: 70px;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-text-content p {
  font-size: 0.9rem;
  color: #8E8E8E;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 600;
  line-height: 22px;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-text-content p span {
  color: #4B9FE5;
  padding: 0 3px;
  font-weight: 900;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .gain-guazi {
  width: 150px;
  height: 50px;
  margin: 0 auto;
  position: relative;
  top: 18px;
  text-align: center;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .gain-guazi .gain-pic-guazi {
  width: 50px;
  height: 50px;
  background: url('i/myjimi/pic-guazi.png') no-repeat center center;
  position: relative;
  left: -12px;
  display: inline-block;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .gain-guazi .gain-exp-guazi {
  font-size: 1.5rem;
  color: #316989;
  font-weight: 600;
  position: relative;
  top: -18px;
}
#myJimi .myjimi-index-mask-lv .myjimi-index-lv .lv-btn-confirm {
  width: 120px;
  height: 40px;
  background: url('i/myjimi/btn-confirm.png') no-repeat center center;
  margin: 0 auto;
  position: relative;
  top: 30px;
}
#myJimi .myjimi-index-header {
  background: url('i/myjimi/header-bg.png') no-repeat center top;
  width: 358px;
  height: 132px;
  position: relative;
}
#myJimi .myjimi-index-header .myjimi-index-header-container {
  background: url('i/myjimi/header-container.png') no-repeat center top;
  width: 118px;
  height: 150px;
  position: absolute;
  left: 28px;
  top: 16px;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img {
  width: 110px;
  height: 110px;
  position: relative;
  top: 33px;
  text-align: center;
  margin: 0 auto;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.novice-male {
  background: url('i/myjimi/header/novice-male.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.novice-female {
  background: url('i/myjimi/header/novice-female.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.elementary-male {
  background: url('i/myjimi/header/elementary-male.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.elementary-female {
  background: url('i/myjimi/header/elementary-female.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.middle-male {
  background: url('i/myjimi/header/middle-male.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.middle-female {
  background: url('i/myjimi/header/middle-female.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.high-male {
  background: url('i/myjimi/header/high-male.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.high-female {
  background: url('i/myjimi/header/high-female.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.self-1 {
  background: url('i/myjimi/header/self-1.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.self-2 {
  background: url('i/myjimi/header/self-2.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.self-3 {
  background: url('i/myjimi/header/self-3.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.self-4 {
  background: url('i/myjimi/header/self-4.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img.self-5 {
  background: url('i/myjimi/header/self-5.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img span {
  position: relative;
  top: -17px;
  left: 3px;
  color: #663300;
  font-weight: 600;
  font-size: 12pt;
  font-family: "Microsoft YaHei", serif;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img .myjimi-index-header-flag {
  background: url('i/myjimi/header-flag.png') no-repeat center top;
  width: 114px;
  height: 32px;
  position: relative;
  top: 63px;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img .myjimi-index-header-flag .gender-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  left: -14px;
  top: 7px;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img .myjimi-index-header-flag .gender-icon.male {
  background: url('i/myjimi/icon_male.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img .myjimi-index-header-flag .gender-icon.female {
  background: url('i/myjimi/icon_female.png') no-repeat center top;
}
#myJimi .myjimi-index-header .myjimi-index-header-container .myjimi-index-header-img .myjimi-index-header-flag span {
  position: relative;
  left: 16px;
  top: 3px;
  color: #663300;
  font-weight: 600;
  font-size: 12pt;
  font-family: "Microsoft YaHei", serif;
}
#myJimi .myjimi-index-header .myjimi-header-name {
  background: url('i/myjimi/name-bg.png') no-repeat left top;
  height: 30px;
  position: relative;
  top: 16px;
  float: right;
  text-align: center;
  padding: 4px 20px 0;
  color: #663300;
  font-weight: 600;
  font-size: 13pt;
  font-family: "Microsoft YaHei", serif;
}
#myJimi .myjimi-index-header .myjimi-index-out {
  background: url('i/myjimi/btn_out.png') no-repeat center center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 8px;
  left: 8px;
  cursor: pointer;
  z-index: 100;
}
#myJimi .myjimi-index-header .myjimi-index-in {
  background: url('i/myjimi/btn_in.png') no-repeat center center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 8px;
  left: 8px;
  cursor: pointer;
  z-index: 100;
}
#myJimi .myjimi-index-header .myjimi-index-title {
  width: 175px;
  height: 31px;
  position: absolute;
  text-align: center;
  bottom: 0;
  left: 150px;
}
#myJimi .myjimi-index-header .myjimi-index-title .title-icon {
  height: 27px;
  width: 30px;
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
}
#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_fun_master {
  background: url("i/myjimi/title/fun-master.png") no-repeat center center;
}
#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_fun_master_gray {
  background: url("i/myjimi/title/fun-master-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_time_master {
  background: url('i/myjimi/title/time-master.png') no-repeat center center;
}
#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_time_master_gray {
  background: url('i/myjimi/title/time-master-gray.png') no-repeat center center;
}
#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_bussiness_master {
  background: url('i/myjimi/title/bussiness-master.png') no-repeat center center;
}
#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_bussiness_master_gray {
  background: url('i/myjimi/title/bussiness-master-gray.png') no-repeat center center;
}
#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_hot_heart {
  background: url("i/myjimi/title/hot-heart.png") no-repeat center center;
}
#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_hot_heart_gray {
  background: url("i/myjimi/title/hot-heart-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_test_master {
  background: url("i/myjimi/title/test-master.png") no-repeat center center;
}
#myJimi .myjimi-index-header .myjimi-index-title .title-icon.title_test_master_gray {
  background: url("i/myjimi/title/test-master-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-shake {
  height: 240px;
  width: 240px;
  position: fixed;
  display: none;
  z-index: 100;
}
#myJimi .myjimi-index-shake.shake-1 {
  background: url('i/myjimi/shake-a.gif') no-repeat center top;
}
#myJimi .myjimi-index-shake.shake-2 {
  background: url('i/myjimi/shake-b.gif') no-repeat center top;
}
#myJimi .myjimi-index-shake.shake-3 {
  background: url('i/myjimi/shake-c.gif') no-repeat center top;
}
#myJimi .myjimi-index-shake.shake-4 {
  background: url('i/myjimi/shake-d.gif') no-repeat center top;
}
#myJimi .myjimi-index-shake.shake-5 {
  background: url('i/myjimi/shake-e.gif') no-repeat center top;
}
#myJimi .myjimi-index-content {
  width: 358px;
  height: 45px;
  padding-top: 40px;
  position: relative;
}
#myJimi .myjimi-index-content .exp-icon {
  height: 21px;
  width: 21px;
  position: relative;
  left: 8px;
  display: inline-block;
  background: url("i/myjimi/icon-guazi.png") no-repeat center center;
  vertical-align: text-bottom;
}
#myJimi .myjimi-index-content .exp-num {
  position: relative;
  left: 8px;
  color: #663300;
  font-size: 16pt;
  font-weight: bold;
}
#myJimi .myjimi-index-content .exp-progress-primary {
  border-radius: 10px;
  width: 172px;
  height: 16px;
  background-color: #D4D9DF;
  position: absolute;
  left: 95px;
  top: 45px;
}
#myJimi .myjimi-index-content .exp-progress-primary .exp-progress-secondary {
  border-radius: 10px;
  width: 0;
  height: 16px;
  background-color: #F54E6C;
}
#myJimi .myjimi-index-content .exp-ratio {
  color: #999999;
  font-size: 11pt;
  font-weight: bold;
  position: absolute;
  right: 3px;
  top: 45px;
}
#myJimi .myjimi-index-content .btn-help {
  background: url('i/myjimi/btn_help.png') no-repeat center center;
  width: 72px;
  height: 24px;
  position: absolute;
  text-align: center;
  top: 8px;
  right: 15px;
  padding-top: 4px;
  font-size: 10pt;
  color: #665C5C;
  font-family: "Microsoft YaHei", serif;
  cursor: pointer;
}
#myJimi .arrow-left {
  background: url("i/myjimi/arrow-left.png") no-repeat right center;
}
#myJimi .arrow-left-gray {
  background: url("i/myjimi/arrow-left-gray.png") no-repeat right center;
}
#myJimi .arrow-right {
  background: url("i/myjimi/arrow-right.png") no-repeat left center;
}
#myJimi .arrow-right-gray {
  background: url("i/myjimi/arrow-right-gray.png") no-repeat left center;
}
#myJimi .myjimi-index-task {
  width: 357px;
  height: 110px;
}
#myJimi .myjimi-index-task .task-body {
  width: 357px;
  height: 100px;
}
#myJimi .myjimi-index-task .task-body .task-flag {
  width: 39px;
  height: 97px;
  background: url("i/myjimi/task-flag.png") no-repeat center center;
  display: inline-block;
}
#myJimi .myjimi-index-task .task-body .task-left {
  width: 24px;
  height: 80px;
  display: inline-block;
  cursor: pointer;
}
#myJimi .myjimi-index-task .task-body .task-right {
  width: 18px;
  height: 80px;
  display: inline-block;
  cursor: pointer;
}
#myJimi .myjimi-index-task .task-body .task-icon {
  height: 80px;
  width: 80px;
  cursor: pointer;
  display: inline-block;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-bussiness {
  background: url("i/myjimi/task/bussiness.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-invite-friend-adopt {
  background: url("i/myjimi/task/invite-friend-adopt.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-invite-friend-wechat {
  background: url("i/myjimi/task/invite-friend-wechat.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-sign-in {
  background: url("i/myjimi/task/sign-in.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-try-elementary {
  background: url("i/myjimi/task/try-elementary.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-try-high {
  background: url("i/myjimi/task/try-high.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-try-middle {
  background: url("i/myjimi/task/try-middle.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-try-novice {
  background: url("i/myjimi/task/try-novice.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-knowledge-qa {
  background: url("i/myjimi/task/knowledge-qa.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-talk-qa {
  background: url("i/myjimi/task/talk-qa.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-bussiness-gray {
  background: url("i/myjimi/task/bussiness-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-invite-friend-adopt-gray {
  background: url("i/myjimi/task/invite-friend-adopt-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-invite-friend-wechat-gray {
  background: url("i/myjimi/task/invite-friend-wechat-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-sign-in-gray-gray {
  background: url("i/myjimi/task/sign-in-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-try-elementary-gray {
  background: url("i/myjimi/task/try-elementary-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-try-high-gray {
  background: url("i/myjimi/task/try-high-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-try-middle-gray {
  background: url("i/myjimi/task/try-middle-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-try-novice-gray {
  background: url("i/myjimi/task/try-novice-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-knowledge-qa-gray {
  background: url("i/myjimi/task/knowledge-qa-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-task .task-body .task-icon.task-talk-qa-gray {
  background: url("i/myjimi/task/talk-qa-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-skill {
  width: 357px;
  height: 110px;
}
#myJimi .myjimi-index-skill .skill-body {
  width: 357px;
  height: 100px;
}
#myJimi .myjimi-index-skill .skill-body .skill-flag {
  width: 39px;
  height: 82px;
  background: url("i/myjimi/skill-flag.png") no-repeat center center;
  display: inline-block;
}
#myJimi .myjimi-index-skill .skill-body .skill-left {
  width: 24px;
  height: 80px;
  display: inline-block;
  cursor: pointer;
}
#myJimi .myjimi-index-skill .skill-body .skill-right {
  width: 18px;
  height: 80px;
  display: inline-block;
  cursor: pointer;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon {
  height: 80px;
  width: 80px;
  cursor: pointer;
  display: inline-block;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-chat {
  background: url("i/myjimi/skill/chat.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-fortune {
  background: url("i/myjimi/skill/fortune.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-joke {
  background: url("i/myjimi/skill/joke.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-poem {
  background: url("i/myjimi/skill/poem.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-shake {
  background: url("i/myjimi/skill/shake.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-skin {
  background: url("i/myjimi/skill/skin.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-teach {
  background: url("i/myjimi/skill/teach.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-weather {
  background: url("i/myjimi/skill/weather.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-vindicate {
  background: url("i/myjimi/skill/vindicate.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-macross-contact {
  background: url("i/myjimi/skill/macross-contact.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-manual-service {
  background: url("i/myjimi/skill/manual-service.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-chat-gray {
  background: url("i/myjimi/skill/chat-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-fortune-gray {
  background: url("i/myjimi/skill/fortune-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-joke-gray {
  background: url("i/myjimi/skill/joke-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-poem-gray {
  background: url("i/myjimi/skill/poem-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-shake-gray {
  background: url("i/myjimi/skill/shake-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-skin-gray {
  background: url("i/myjimi/skill/skin-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-teach-gray {
  background: url("i/myjimi/skill/teach-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-weather-gray {
  background: url("i/myjimi/skill/weather-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-vindicate-gray {
  background: url("i/myjimi/skill/vindicate-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-macross-contact-gray {
  background: url("i/myjimi/skill/macross-contact-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-skill .skill-body .skill-icon.skill-manual-service-gray {
  background: url("i/myjimi/skill/manual-service-gray.png") no-repeat center center;
}
#myJimi .myjimi-index-tip {
  width: 347px;
  height: 82px;
  background: url("i/myjimi/bg-tip.png") no-repeat center center;
  margin: 0 6px;
  display: none;
  position: relative;
  top: -25px;
}
#myJimi .myjimi-index-tip .myjimi-tip-text {
  width: 260px;
  height: 44px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: 39px;
  left: 87px;
}
#myJimi .myjimi-index-tip .myjimi-tip-text p {
  font-size: 0.8rem;
  color: #fffefa;
  font-weight: 600;
  font-family: 'Microsoft YaHei', serif;
  line-height: 20px;
}
.myjimi-skin-window {
  width: 520px;
  height: 480px;
  background: url('i/myjimi/skin/skin-window.png') no-repeat center center;
  position: fixed;
  z-index: 1500;
  top: 15%;
  left: 35%;
}
.myjimi-skin-window .skin-bg-block {
  width: 460px;
  height: 80px;
  margin: 90px auto 0;
  text-align: center;
}
.myjimi-skin-window .skin-bg-block .skin-bg {
  cursor: pointer;
  position: relative;
}
.myjimi-skin-window .skin-bg-block .skin-bg .icon-skin {
  width: 70px;
  height: 70px;
  margin: 0 20px;
  display: inline-block;
  cursor: pointer;
}
.myjimi-skin-window .skin-bg-block .skin-bg.skin-checked .icon-skin-checked {
  background: url('i/myjimi/btn_ok.png') no-repeat center center;
  position: absolute;
  right: 20px;
  bottom: 0;
  width: 23px;
  height: 24px;
}
.myjimi-skin-window .skin-header-block {
  width: 480px;
  height: 80px;
  margin: 110px auto 0;
  text-align: center;
}
.myjimi-skin-window .skin-header-block .header-bg {
  cursor: pointer;
  position: relative;
}
.myjimi-skin-window .skin-header-block .header-bg .icon-header {
  width: 110px;
  height: 110px;
  margin: 0 5px;
  display: inline-block;
  cursor: pointer;
}
.myjimi-skin-window .skin-header-block .header-bg.header-checked .icon-header-checked {
  background: url('i/myjimi/btn_ok.png') no-repeat center center;
  position: absolute;
  right: 8px;
  bottom: 0;
  width: 23px;
  height: 24px;
}
.myjimi-skin-window .skin-btn-confirm {
  width: 120px;
  height: 40px;
  background: url('i/myjimi/btn-confirm.png') no-repeat center center;
  margin: 0 auto;
  position: relative;
  float: right;
  top: 20px;
  left: -100px;
}
.myjimi-skin-window .skin-btn-cancle {
  width: 120px;
  height: 40px;
  background: url('i/myjimi/btn-cancle.png') no-repeat center center;
  margin: 0 auto;
  position: relative;
  float: left;
  top: 20px;
  left: 100px;
}
.bg-blue {
  background: url('i/myjimi/skin/skin-blue.png') no-repeat center center;
}
.bg-green {
  background: url('i/myjimi/skin/skin-green.png') no-repeat center center;
}
.bg-pink {
  background: url('i/myjimi/skin/skin-pink.png') no-repeat center center;
}
.bg-purple {
  background: url('i/myjimi/skin/skin-purple.png') no-repeat center center;
}
.bg-blue-gray {
  background: url('i/myjimi/skin/skin-blue-gray.png') no-repeat center center;
}
.bg-green-gray {
  background: url('i/myjimi/skin/skin-green-gray.png') no-repeat center center;
}
.bg-pink-gray {
  background: url('i/myjimi/skin/skin-pink-gray.png') no-repeat center center;
}
.bg-purple-gray {
  background: url('i/myjimi/skin/skin-purple-gray.png') no-repeat center center;
}
.header-self-1 {
  background: url('i/myjimi/header/self-1.png') no-repeat center center;
}
.header-self-2 {
  background: url('i/myjimi/header/self-2.png') no-repeat center center;
}
.header-self-3 {
  background: url('i/myjimi/header/self-3.png') no-repeat center center;
}
.header-self-4 {
  background: url('i/myjimi/header/self-4.png') no-repeat center center;
}
.header-self-5 {
  background: url('i/myjimi/header/self-5.png') no-repeat center center;
}
.try-novice-masking {
  z-index: 1000;
  position: fixed;
  width: 300px;
  height: 200px;
}
.try-novice-masking .masking-pop {
  width: 301px;
  height: 113px;
  background: url('i/myjimi/masking-pop.png') no-repeat center center;
  vertical-align: middle;
}
.try-novice-masking .masking-pop .masking-text {
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: 12px;
}
.try-novice-masking .masking-pop .masking-text p {
  font-size: 0.9rem;
  color: #10080f;
  font-weight: 900;
  font-family: 'Microsoft YaHei', serif;
  line-height: 20px;
}
.try-novice-masking .masking-pop .masking-btn {
  width: 56px;
  position: relative;
  top: 20px;
  left: 110px;
  text-align: center;
  padding: 2px 4px;
  background: rgba(33, 103, 229, 0.84);
  font-weight: 900;
  font-size: 0.9rem;
  font-family: 'Microsoft YaHei', serif;
  cursor: pointer;
  line-height: 20px;
}
.try-novice-masking .masking-circle {
  width: 258px;
  height: 81px;
  background: url('i/myjimi/masking-circle.png') no-repeat center center;
}
.masking-guide-start {
  position: fixed;
  background: url("i/myjimi/masking-start.png") no-repeat center center;
  width: 335px;
  height: 171px;
  z-index: 1000;
}
.masking-guide-start .btn-start {
  width: 102px;
  height: 30px;
  background: url("i/myjimi/btn-start.png") no-repeat 0 0;
  position: relative;
  top: 120px;
  left: 184px;
}
.masking-guide-start .btn-start:active {
  background: url("i/myjimi/btn-start.png") no-repeat 0 -30px;
}
.masking-guide-1 {
  position: fixed;
  background: url("i/myjimi/masking-1.png") no-repeat center center;
  width: 364px;
  height: 115px;
  z-index: 1000;
}
.masking-guide-1 .btn-next {
  width: 72px;
  height: 30px;
  background: url("i/myjimi/btn-next.png") no-repeat 0 0;
  position: relative;
  top: 80px;
  left: 226px;
}
.masking-guide-1 .btn-next:active {
  background: url("i/myjimi/btn-next.png") no-repeat 0 -30px;
}
.masking-guide-1 .x-close {
  width: 24px;
  height: 24px;
  position: relative;
  top: -42px;
  left: 276px;
  background: url("i/myjimi/x-close.png") no-repeat center center;
}
.masking-guide-2 {
  position: fixed;
  background: url("i/myjimi/masking-2.png") no-repeat center center;
  width: 391px;
  height: 159px;
  z-index: 1000;
}
.masking-guide-2 .btn-next {
  width: 72px;
  height: 30px;
  background: url("i/myjimi/btn-next.png") no-repeat 0 0;
  position: relative;
  top: 115px;
  left: 217px;
}
.masking-guide-2 .btn-next:active {
  background: url("i/myjimi/btn-next.png") no-repeat 0 -30px;
}
.masking-guide-2 .x-close {
  width: 24px;
  height: 24px;
  position: relative;
  top: -18px;
  left: 276px;
  background: url("i/myjimi/x-close.png") no-repeat center center;
}
.masking-guide-3 {
  position: fixed;
  background: url("i/myjimi/masking-3.png") no-repeat center center;
  width: 383px;
  height: 163px;
  z-index: 1000;
}
.masking-guide-3 .btn-finish {
  width: 72px;
  height: 30px;
  background: url("i/myjimi/btn-finish.png") no-repeat 0 0;
  position: relative;
  top: 109px;
  left: 228px;
}
.masking-guide-3 .btn-finish:active {
  background: url("i/myjimi/btn-finish.png") no-repeat 0 -30px;
}
.masking-guide-3 .x-close {
  width: 24px;
  height: 24px;
  position: relative;
  top: -29px;
  left: 294px;
  background: url("i/myjimi/x-close.png") no-repeat center center;
}
.btn-help-content {
  width: 500px;
  height: 420px;
  position: fixed;
  z-index: 1000;
  left: 30%;
  top: 15%;
  background-color: #ffffff;
  padding: 20px 50px;
  border: 3px solid #B5BEC0;
}
.btn-help-content .help-title {
  width: 200px;
  height: 40px;
  text-align: center;
  margin: 0 auto;
  font-size: 18pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 600;
  color: rgba(0, 32, 255, 0.88);
  line-height: 40px;
}
.btn-help-content .help-qa {
  text-align: left;
  width: 500px;
  height: 300px;
  overflow-y: scroll;
  margin: 20px 0;
}
.btn-help-content .help-qa p {
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  line-height: 28px;
}
.btn-help-content .help-qa p.question {
  font-weight: 900;
  color: rgba(244, 16, 16, 0.88);
}
.btn-help-content .help-qa p.answer {
  font-weight: 700;
}
.btn-help-content .btn-help-ok {
  width: 120px;
  height: 40px;
  background: url('i/myjimi/btn-confirm.png') no-repeat center center;
  margin: 0 auto;
}
.myjimi-move-wrapper {
  position: fixed;
  left: 40%;
  top: 40%;
  z-index: 1000;
}
.myjimi-move-wrapper .myjimi-move-body {
  height: 150px;
  width: 150px;
  position: relative;
  margin: 0 auto;
}
.myjimi-move-wrapper .myjimi-move-body.novice-male-body {
  background: url('i/myjimi/header/novice-male-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-body.novice-female-body {
  background: url('i/myjimi/header/novice-female-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-body.elementary-male-body {
  background: url('i/myjimi/header/elementary-male-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-body.elementary-female-body {
  background: url('i/myjimi/header/elementary-female-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-body.middle-male-body {
  background: url('i/myjimi/header/middle-male-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-body.middle-female-body {
  background: url('i/myjimi/header/middle-female-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-body.high-male-body {
  background: url('i/myjimi/header/high-male-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-body.high-female-body {
  background: url('i/myjimi/header/high-female-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-body.self-1-body {
  background: url('i/myjimi/header/self-1-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-body.self-2-body {
  background: url('i/myjimi/header/self-2-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-body.self-3-body {
  background: url('i/myjimi/header/self-3-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-body.self-4-body {
  background: url('i/myjimi/header/self-4-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-body.self-5-body {
  background: url('i/myjimi/header/self-5-body.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-shake {
  height: 240px;
  width: 240px;
  margin: auto;
  position: relative;
  display: none;
}
.myjimi-move-wrapper .myjimi-move-shake.shake-1 {
  background: url('i/myjimi/shake-a.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-shake.shake-2 {
  background: url('i/myjimi/shake-b.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-shake.shake-3 {
  background: url('i/myjimi/shake-c.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-shake.shake-4 {
  background: url('i/myjimi/shake-d.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-shake.shake-5 {
  background: url('i/myjimi/shake-e.gif') no-repeat center top;
}
.myjimi-move-wrapper .myjimi-move-icon {
  height: 50px;
  width: 180px;
  margin: 10px auto 0;
}
.myjimi-move-wrapper .myjimi-move-icon .myjimi-btn-back {
  background: url('i/myjimi/btn_in.png') no-repeat center top;
  position: relative;
  height: 36px;
  width: 36px;
  margin-left: 48px;
  float: left;
  cursor: pointer;
}
.myjimi-move-wrapper .myjimi-move-icon .myjimi-btn-shake {
  background: url('i/myjimi/btn_shake.png') no-repeat center top;
  position: relative;
  height: 36px;
  width: 36px;
  margin-left: 15px;
  float: left;
  cursor: pointer;
}
.task-flag-pop {
  position: fixed;
  z-index: 100;
  width: 140px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.56);
  border: 2px solid #B5BEC0;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 9pt;
  font-family: 'Microsoft YaHei', serif;
  display: none;
}
.skill-flag-pop {
  position: fixed;
  z-index: 100;
  width: 140px;
  height: 21px;
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.56);
  border: 2px solid #B5BEC0;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 9pt;
  font-family: 'Microsoft YaHei', serif;
  display: none;
}
.task-pop {
  position: fixed;
  z-index: 100;
  width: 100px;
  background-color: rgba(255, 255, 255, 0.56);
  border: 2px solid #B5BEC0;
  border-radius: 9px;
  text-align: center;
  line-height: 20px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  display: none;
}
.skill-pop {
  position: fixed;
  z-index: 100;
  width: 100px;
  background-color: rgba(255, 255, 255, 0.56);
  border: 2px solid #B5BEC0;
  border-radius: 9px;
  text-align: center;
  line-height: 20px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  display: none;
}
.progress-pop {
  position: fixed;
  z-index: 100;
  width: 100px;
  height: 21px;
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.56);
  border: 2px solid #B5BEC0;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 9pt;
  font-family: 'Microsoft YaHei', serif;
  display: none;
}
.title-pop {
  position: fixed;
  z-index: 100;
  width: 90px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.56);
  border: 2px solid #B5BEC0;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 9pt;
  font-family: 'Microsoft YaHei', serif;
  display: none;
}
.name-pop {
  position: fixed;
  z-index: 100;
  width: 120px;
  height: 21px;
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.56);
  border: 2px solid #B5BEC0;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 9pt;
  font-family: 'Microsoft YaHei', serif;
  display: none;
}
.level-pop {
  position: fixed;
  z-index: 100;
  width: 160px;
  height: 21px;
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.56);
  border: 2px solid #B5BEC0;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 9pt;
  font-family: 'Microsoft YaHei', serif;
  display: none;
}
.vindicate-window {
  background: url('i/myjimi/vindicate-bg.png') no-repeat center center;
  width: 410px;
  height: 500px;
  position: fixed;
  z-index: 1500;
  top: 15%;
  left: 35%;
}
.vindicate-window .close-btn {
  background: url('i/myjimi/btn-close.png') no-repeat center center;
  width: 37px;
  height: 37px;
  position: absolute;
  right: -12px;
  top: 15px;
  cursor: pointer;
}
.vindicate-window .vindicate-intro {
  width: 270px;
  height: 100px;
  position: relative;
  top: 50px;
  left: 134px;
}
.vindicate-window .vindicate-intro p {
  line-height: 27px;
  font-size: 13pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
  padding: 0 10px;
  color: #F59D27;
}
.vindicate-window .check-block {
  width: 300px;
  height: 70px;
  text-align: left;
  margin: 44px auto 0;
}
.vindicate-window .check-block p {
  line-height: 25px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
  padding: 5px 0;
}
.vindicate-window .check-block label {
  line-height: 20px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  padding-left: 15px;
  margin-right: 42px;
  font-weight: 900;
  cursor: pointer;
}
.vindicate-window .weibo-block {
  width: 300px;
  height: 70px;
  text-align: left;
  margin: 0 auto;
}
.vindicate-window .weibo-block p {
  line-height: 20px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
}
.vindicate-window .weibo-block .weibo-input {
  width: 200px;
  height: 30px;
  margin: 7px 0 0;
  border: none;
  border-radius: 5px;
  background-color: #DFE3EC;
  padding: 0 10px;
  font-size: 10pt;
  color: #102BF2;
  font-weight: 900;
  font-family: 'Microsoft YaHei', serif;
}
.vindicate-window .weibo-block .weibo-alert {
  width: 200px;
  height: 18px;
  display: none;
}
.vindicate-window .weibo-block .weibo-alert .btn-alert {
  background: url('i/myjimi/alert-icon.png') no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}
.vindicate-window .weibo-block .weibo-alert span {
  padding: 0 5px;
  font-size: 8pt;
  color: #EC1515;
  font-family: 'Microsoft YaHei', serif;
}
.vindicate-window .weibo-ta-block {
  width: 300px;
  height: 70px;
  text-align: left;
  margin: 5px auto 0;
}
.vindicate-window .weibo-ta-block p {
  line-height: 20px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
}
.vindicate-window .weibo-ta-block .weibo-ta-input {
  width: 200px;
  height: 30px;
  margin: 7px 0 0;
  border: none;
  border-radius: 5px;
  background-color: #DFE3EC;
  padding: 0 10px;
  font-size: 10pt;
  color: #102BF2;
  font-weight: 900;
  font-family: 'Microsoft YaHei', serif;
}
.vindicate-window .weibo-ta-block .weibo-ta-alert {
  width: 200px;
  height: 18px;
  display: none;
}
.vindicate-window .weibo-ta-block .weibo-ta-alert .btn-alert {
  background: url('i/myjimi/alert-icon.png') no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}
.vindicate-window .weibo-ta-block .weibo-ta-alert span {
  padding: 0 5px;
  font-size: 8pt;
  color: #EC1515;
  font-family: 'Microsoft YaHei', serif;
}
.vindicate-window .word-block {
  width: 300px;
  height: 80px;
  text-align: left;
  margin: 5px auto 0;
}
.vindicate-window .word-block p {
  line-height: 20px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
}
.vindicate-window .word-block .word-input {
  margin: 5px 0 0;
  border: none;
  border-radius: 5px;
  background-color: #DFE3EC;
  padding: 5px 10px;
  font-size: 10pt;
  color: #102BF2;
  font-weight: 900;
  font-family: 'Microsoft YaHei', serif;
  resize: none;
  max-height: 37px;
}
.vindicate-window .word-block .word-alert {
  width: 200px;
  height: 18px;
  display: none;
}
.vindicate-window .word-block .word-alert .btn-alert {
  background: url('i/myjimi/alert-icon.png') no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}
.vindicate-window .word-block .word-alert span {
  padding: 0 5px;
  font-size: 8pt;
  color: #EC1515;
  font-family: 'Microsoft YaHei', serif;
}
.vindicate-window .vindicate-confirm {
  background: url('i/myjimi/vindicate-confirm.png') no-repeat center center;
  width: 120px;
  height: 30px;
  margin: 10px auto 0;
  cursor: pointer;
}
.manual-window {
  background: url('i/myjimi/manual-service-bg.png') no-repeat center center;
  width: 500px;
  height: 500px;
  position: fixed;
  z-index: 1500;
  top: 15%;
  left: 35%;
}
.manual-window .close-btn {
  background: url('i/myjimi/btn-close.png') no-repeat center center;
  width: 37px;
  height: 37px;
  position: absolute;
  right: -11px;
  top: -1px;
  cursor: pointer;
}
.manual-window .manual-intro {
  width: 330px;
  height: 100px;
  position: relative;
  top: 45px;
  left: 165px;
}
.manual-window .manual-intro p {
  line-height: 27px;
  font-size: 13pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
  padding: 0 10px;
  color: #5A82A0;
}
.manual-window .contact-block {
  width: 360px;
  height: 100px;
  text-align: left;
  margin: 60px auto 0;
}
.manual-window .contact-block p {
  line-height: 25px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
  color: #727272;
}
.manual-window .contact-block .contact-input {
  width: 215px;
  height: 35px;
  margin: 7px 0 0;
  border: none;
  border-radius: 5px;
  background-color: #DFE3EC;
  padding: 0 10px;
  font-size: 10pt;
  color: #102BF2;
  font-weight: 900;
  font-family: 'Microsoft YaHei', serif;
}
.manual-window .contact-block .contact-alert {
  width: 200px;
  height: 20px;
  margin: 5px 0;
  display: none;
}
.manual-window .contact-block .contact-alert .btn-alert {
  background: url('i/myjimi/alert-icon.png') no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}
.manual-window .contact-block .contact-alert span {
  padding: 0 5px;
  font-size: 8pt;
  color: #EC1515;
  font-weight: 600;
  font-family: 'Microsoft YaHei', serif;
}
.manual-window .question-block {
  width: 360px;
  height: 100px;
  text-align: left;
  margin: 10px auto 0;
}
.manual-window .question-block p {
  line-height: 25px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
  color: #727272;
}
.manual-window .question-block .question-input {
  margin: 5px 0 0;
  border: none;
  border-radius: 5px;
  background-color: #DFE3EC;
  padding: 5px 10px;
  font-size: 10pt;
  color: #102BF2;
  font-weight: 900;
  font-family: 'Microsoft YaHei', serif;
  resize: none;
  max-height: 65px;
}
.manual-window .question-block .question-alert {
  width: 200px;
  height: 20px;
  margin: 5px 0;
  display: none;
}
.manual-window .question-block .question-alert .btn-alert {
  background: url('i/myjimi/alert-icon.png') no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}
.manual-window .question-block .question-alert span {
  padding: 0 5px;
  font-size: 8pt;
  color: #EC1515;
  font-weight: 600;
  font-family: 'Microsoft YaHei', serif;
}
.manual-window .manual-confirm {
  background: url('i/myjimi/btn-confirm.png') no-repeat center center;
  width: 120px;
  height: 40px;
  margin: 40px auto 0;
  cursor: pointer;
}
.macross-window {
  background: url('i/myjimi/macross-contact-bg.png') no-repeat center center;
  width: 400px;
  height: 500px;
  position: fixed;
  z-index: 1500;
  top: 15%;
  left: 35%;
}
.macross-window .close-btn {
  background: url('i/myjimi/btn-close.png') no-repeat center center;
  width: 37px;
  height: 37px;
  position: absolute;
  right: -12px;
  top: 15px;
  cursor: pointer;
}
.macross-window .macross-intro {
  width: 270px;
  height: 100px;
  position: relative;
  top: 50px;
  left: 134px;
}
.macross-window .macross-intro p {
  line-height: 27px;
  font-size: 13pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
  padding: 0 10px;
  color: #F59D27;
}
.macross-window .check-block {
  width: 350px;
  height: 70px;
  text-align: left;
  margin: 30px auto 0;
}
.macross-window .check-block p {
  line-height: 25px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
  padding: 5px 0;
}
.macross-window .check-block label {
  line-height: 20px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  padding-left: 12px;
  margin-right: 30px;
  font-weight: 900;
  cursor: pointer;
}
.macross-window .account-block {
  width: 350px;
  height: 70px;
  text-align: left;
  margin: 3px auto 0;
}
.macross-window .account-block p {
  line-height: 20px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
}
.macross-window .account-block .account-input {
  width: 200px;
  height: 30px;
  margin: 7px 0 0;
  border: none;
  border-radius: 5px;
  background-color: #DFE3EC;
  padding: 0 10px;
  font-size: 10pt;
  color: #102BF2;
  font-weight: 900;
  font-family: 'Microsoft YaHei', serif;
}
.macross-window .account-block .account-alert {
  width: 200px;
  height: 18px;
  display: none;
}
.macross-window .account-block .account-alert .btn-alert {
  background: url('i/myjimi/alert-icon.png') no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}
.macross-window .account-block .account-alert span {
  padding: 0 5px;
  font-size: 8pt;
  color: #EC1515;
  font-family: 'Microsoft YaHei', serif;
}
.macross-window .expect-block {
  width: 350px;
  height: 30px;
  text-align: left;
  margin: 6px auto 0;
}
.macross-window .expect-block .expect-input {
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 5px;
  background-color: #DFE3EC;
  padding: 0 10px;
  font-size: 10pt;
  color: #102BF2;
  font-weight: 900;
  font-family: 'Microsoft YaHei', serif;
}
.macross-window .expect-block span.desc {
  line-height: 20px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
}
.macross-window .expect-block .expect-alert {
  display: inline-block;
}
.macross-window .expect-block .expect-alert .btn-alert {
  background: url('i/myjimi/alert-icon.png') no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}
.macross-window .expect-block .expect-alert span.alert {
  padding: 0 5px;
  font-size: 8pt;
  color: #EC1515;
  font-family: 'Microsoft YaHei', serif;
}
.macross-window .msg-block {
  width: 350px;
  height: 80px;
  text-align: left;
  margin: 15px auto 0;
}
.macross-window .msg-block p {
  line-height: 20px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
}
.macross-window .msg-block .msg-input {
  margin: 5px 0 0;
  border: none;
  border-radius: 5px;
  background-color: #DFE3EC;
  padding: 5px 10px;
  font-size: 10pt;
  color: #102BF2;
  font-weight: 900;
  font-family: 'Microsoft YaHei', serif;
  resize: none;
  max-height: 37px;
}
.macross-window .msg-block .msg-alert {
  width: 200px;
  height: 18px;
  display: none;
}
.macross-window .msg-block .msg-alert .btn-alert {
  background: url('i/myjimi/alert-icon.png') no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}
.macross-window .msg-block .msg-alert span {
  padding: 0 5px;
  font-size: 8pt;
  color: #EC1515;
  font-family: 'Microsoft YaHei', serif;
}
.macross-window .macross-confirm {
  background: url('i/myjimi/btn-confirm.png') no-repeat center center;
  width: 120px;
  height: 40px;
  margin: 20px auto 0;
  cursor: pointer;
}
.knowledge-window {
  background: url('i/myjimi/knowledge-bg.png') no-repeat center center;
  width: 447px;
  height: 500px;
  position: fixed;
  z-index: 1500;
  top: 15%;
  left: 35%;
}
.knowledge-window .qa-block {
  width: 310px;
  height: 234px;
  position: relative;
  top: 131px;
  margin: 0 auto;
  text-align: left;
}
.knowledge-window .qa-block p {
  line-height: 24px;
  font-size: 11pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
}
.knowledge-window .qa-block label {
  line-height: 44px;
  font-size: 11pt;
  font-family: 'Microsoft YaHei', serif;
  padding-left: 25px;
  margin-right: 66px;
  font-weight: 900;
  cursor: pointer;
}
.knowledge-window .btn-undo {
  background: url('i/myjimi/btn-undo.png') no-repeat center center;
  width: 130px;
  height: 41px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 172px;
  left: 83px;
}
.knowledge-window .btn-do {
  background: url('i/myjimi/btn-do.png') no-repeat center center;
  width: 130px;
  height: 41px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 172px;
  left: 108px;
}
.score-window {
  background: url('i/myjimi/score-bg.png') no-repeat center center;
  width: 300px;
  height: 272px;
  position: fixed;
  z-index: 1500;
  top: 20%;
  left: 35%;
}
.score-window .score-img.high-img {
  background: url('i/myjimi/score-high.png') no-repeat center center;
  width: 130px;
  height: 161px;
  position: absolute;
  top: -50px;
  left: -16px;
}
.score-window .score-img.low-img {
  background: url('i/myjimi/score-low.png') no-repeat center center;
  width: 150px;
  height: 95px;
  position: absolute;
  top: -21px;
  left: -37px;
}
.score-window .score-tip {
  width: 126px;
  height: 40px;
  line-height: 27px;
  font-size: 17pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
  padding: 0 10px;
  color: #5A82A0;
  position: absolute;
  top: 35px;
  left: 120px;
}
.score-window .score-text {
  width: 213px;
  height: 64px;
  margin: 0 auto;
  position: relative;
  top: 112px;
  text-align: center;
}
.score-window .score-text p {
  line-height: 25px;
  font-size: 10pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
  color: #727272;
}
.score-window .score-text p span {
  color: #4B9FE5;
  padding: 0 3px;
  font-weight: 900;
}
.score-window .score-confirm {
  background: url('i/myjimi/btn-confirm.png') no-repeat center center;
  width: 120px;
  height: 40px;
  margin: 139px auto 0;
  cursor: pointer;
}
.talk-window {
  background: url('i/myjimi/talk-bg.png') no-repeat center center;
  width: 447px;
  height: 500px;
  position: fixed;
  z-index: 1500;
  top: 15%;
  left: 35%;
}
.talk-window .qa-block {
  width: 310px;
  height: 234px;
  position: relative;
  top: 131px;
  margin: 0 auto;
  text-align: left;
}
.talk-window .qa-block p {
  line-height: 24px;
  font-size: 11pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
}
.talk-window .qa-block label {
  line-height: 44px;
  font-size: 11pt;
  font-family: 'Microsoft YaHei', serif;
  padding-left: 25px;
  margin-right: 66px;
  font-weight: 900;
  cursor: pointer;
}
.talk-window .qa-block span.key {
  line-height: 59px;
  font-size: 11pt;
  font-family: 'Microsoft YaHei', serif;
  font-weight: 900;
  color: #4B9FE5;
  padding: 0 3px;
}
.talk-window .qa-block p.alert {
  padding: 0 5px;
  font-size: 9pt;
  color: #EC1515;
  font-family: 'Microsoft YaHei', serif;
  display: none;
  margin: -7px 0 0 44px;
}
.talk-window .qa-block .qa-input {
  width: 140px;
  height: 30px;
  border: none;
  border-radius: 5px;
  background-color: #DFE3EC;
  padding: 0 10px;
  font-size: 10pt;
  color: #102BF2;
  font-weight: 900;
  font-family: 'Microsoft YaHei', serif;
}
.talk-window .btn-undo {
  background: url('i/myjimi/btn-undo.png') no-repeat center center;
  width: 130px;
  height: 41px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 172px;
  left: 83px;
}
.talk-window .btn-do {
  background: url('i/myjimi/btn-do.png') no-repeat center center;
  width: 130px;
  height: 41px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 172px;
  left: 108px;
}

.customize-form{
    width: 450px;
    /*border: solid 1px #CCC;*/
    color: #333;
    font-size: 12px;
    margin: 0 auto;
    position: relative; 
}
.customize-form .customize-form-head{
    /*padding-left: 13px;*/
    line-height: 36px;
    font-size: 14px;
    border-bottom: solid 1px #CCC;
    height: 36px;
    /*background: #FAFAFA;*/
}
.customize-form .customize-form-body{
    padding-top: 10px;
    font-size: 0px;
	background : #FFF;
	padding-left:12px;
}
.customize-form .customize-form-body:after{
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.customize-form .customize-form-button{
    height: 26px;
    border-top: solid 1px #CCC;
    padding: 10px 0 0 0;
    /*background: #FAFAFA;*/
    text-align: right;
}
.customize-form .customize-form-button:after{
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    content : "";
}
.customize-form .form_text,.customize-form .form_input,.customize-form .form_select,.customize-form .radio-text,.form_radio{
    /*display: inline-block;*/
    margin-bottom: 10px;
    padding: 0;
    font-size: 12px;
}

.customize-form .form_text{
    line-height: 30px;
    height: 30px;
    padding-right: 5px;
    overflow: hidden;
    display: block;
	width:397px;
	margin:0 0 10px 0;
}
.customize-form .form_radio:after{
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.customize-form .form_input span,.customize-form .form_select span,.customize-form .form_radio .form_name{
    line-height: 30px;
    height: 30px;
    padding-right: 5px;
    overflow: hidden;
    text-align: right;
    width: 50px;
    display: inline-block;
    float: left;
}
.customize-form .form_input input{
    line-height: 30px;
    height: 30px;
    border: solid 1px #CCC;
    text-indent: 5px;
	width:180px;
}
.customize-form .form_input input[readonly="readonly"] {
    border: transparent;
}
.customize-form .form_input input.error {
    border: solid 1px rgb(224,18,34);
}
.customize-form .form_input .disabled{
    background: none;
    border: 1px solid transparent;
}
.customize-form .form_select select{
    line-height: 30px;
    border: solid 1px #CCC;
    height: 30px;
    width: 322px;
}
.customize-form .form_select select:first-child{
	margin: 0px;
}
.customize-form .form_select select.select_type_2{
    width: 153px;
    margin-right: 16px;
}
.customize-form .form_select select.select_type_3{
    width: 97px;
    margin-right: 15px;
}
.customize-form .form_select select.select_type_4{
	width:71px;
	margin-right:12px;
}
.customize-form-button button{
    margin: 0 6px 0 0;
    border-radius: 5px;
    line-height: 24px;
    border: solid 1px #CCC;
    width: 64px;
    background: #FFF;
    text-align: center;
    font-size: 14px;
    color: #555555;
}

.customize-form-button .form_button_submit{
    background: #4EB5E8;
    border: solid 1px rgba(30,144,194,0.6);
    color: #FFF;
}
.customize-form-button .form_button_submit.disabled{
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    color: #888888;
}
.customize-form-button .form_button_submit.disabled:before{
    content: '';
    position: absolute;
    height: 8px;
    width: 16px;
    top:5px;
    display: block;
    left: -13px;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    border-bottom: 1px solid #888888;
    border-left: 1px solid #888888;
}
.customize-form-button .error-msg{
    color: rgb(224,18,34);
    padding-right: 10px;
}
.customize-form-button .form_button_backward{
	float:left;
	margin-left:10px;
}
.customize-form-button .form_button_cancel.disabled{
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    color: #888888;
}
.customize-form-button .form_button_cancel.disabled:before{
    content: '';
    position: absolute;
    height: 20px;
    /*background-color: #0A908B;*/
    display: block;
    /*line-height: 24px;*/
    /*font-size: 18px;*/
    top:2px;
    left: -5px;
    border-left: 1px solid #888888;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}
.customize-form-button .form_button_cancel.disabled:after{
    content: '';
    position: absolute;
    height: 20px;
    display: block;
    left: -5px;
    top:2px;
    border-left: 1px solid #888888;
    transform:rotate(315deg);
    -ms-transform:rotate(315deg); 	/* IE 9 */
    -moz-transform:rotate(315deg); 	/* Firefox */
    -webkit-transform:rotate(315deg); /* Safari 和 Chrome */
    -o-transform:rotate(315deg); 	/* Opera */
}

.customize-form-body .form_radio .radio_name{
    line-height: 30px;
    height: 30px;
    padding-right: 5px;
    margin: 0 25px 0 5px;
    overflow: hidden;
    display: inline-block;
    float: left;
    font-size: 12px;
    background: none;
}
.form_radio input[type="radio"]{
    float: left;
    margin-top: 9px;
}

/*天气模板样式*/
ul.weather-tpl {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 280px;
}
ul.weather-tpl li {
    width: 100%;
    height: 40px;
}
ul.weather-tpl li.active {
    color:#FC5D60;
}
ul.weather-tpl li>span {
    display: inline-block;
    line-height: 40px;
    box-sizing: border-box;
}
ul.weather-tpl li>span:nth-of-type(1) {
    width: 20%;
}
ul.weather-tpl li>span:nth-of-type(2) {
    width: 20%;
}
ul.weather-tpl li>span:nth-of-type(3) {
    width: 15%;
    text-align: center;
}
ul.weather-tpl li>span:nth-of-type(3)>img {
    width: 30px;
    height: 30px;
    vertical-align: -10px;
}
ul.weather-tpl li>span:nth-of-type(4) {
    width: 25%;
    padding-left: 5px;
    text-align: right;
}
ul.weather-tpl li>span:nth-of-type(5) {
    width: 20%;
    text-align: center;
}

.jimi-ask-btn {
    display: inline-block;
    padding: 2px 30px;
    border: 1px solid #D7E5F4;
    border-radius: 15px;
    cursor: pointer;
    margin-top: 15px;
    margin-right: 20px;
    color: #005EA7;
}
.jimi-ask-btn:hover {
    background-color: #D7E5F4;
}
.jimi-ask-btn.disabled {
    color: #cccccc;
    cursor: not-allowed;
}
.jimi-ask-btn.disabled:hover {
    background-color: #fff;
}



/*************************************messageFaq************dyxuan***************************************************/
.wmessage_faq_wrap {
    position: relative;
    left: 85px;
    /*height: 284px;*/
    width: 440px;
    background: #FFFFFF;
    border: 1px solid #E4E4EA;
    border-radius: 10px;
    margin-bottom: 33px;
}
.wmessage_faq_q_wrap {
    margin: 0px 10px;
    font-size: 13px;
    color: #333333;
    letter-spacing: 0.33px;
}

.w_q_icon {
    display: inline-block;
    height: 20px;
    width: 16px;
    top: 13px;
    background: url('i/icon_Q.png');
    background-size: 100% 100%;
    position: absolute;
    vertical-align: middle;
}
.w_ql {
    position: relative;
    min-height: 40px;
    box-sizing: border-box;
    padding: 10px;
    padding-right: 0px;
    padding-left: 0px;
    word-break: break-word;
    border-bottom: 1px solid rgba(234,234,234,0.5);
    width: 100%;
    background: #FFFFFF;
    /*box-shadow: 0px 1px 0px 0px rgba(234,234,234,0.50);*/
}


.w_q_text {
    display: inline-block;
    margin-left: 25px;
    cursor: pointer;
    font-size: 12px;
    margin-right: 30px;
    line-height: 20px;
    width: 360px;
}

.w_q_tri {
    display: inline-block;
    position: absolute;
    right: 10px;
    height: 8px;
    width: 8px;
    cursor: pointer;
    border-bottom: 1px solid #B3B6C5;
    border-right: 1px solid #B3B6C5;
    top: 15px;
    transform: rotate(45deg) translateY(-50%);
    -ms-transform:rotate(45deg) translateY(-50%); /* Internet Explorer */
    -moz-transform:rotate(45deg) translateY(-50%); /* Firefox */
    -webkit-transform:rotate(45deg) translateY(-50%); /* Safari 和 Chrome */
    -o-transform:rotate(45deg) translateY(-50%); /* Opera */
}


.w_see_more {
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    cursor: pointer;
    color: #3897E7;
    position: relative;
}

.w_see_more_tri {
    display: inline-block;
    position: relative;
    /*right: 10px;*/
    left: 4px;
    height: 8px;
    width: 8px;
    cursor: pointer;
    top: -1px;
    border-bottom: 1px solid #3897E7;
    border-right: 1px solid #3897E7;
    transform: rotate(45deg);
    -ms-transform:rotate(45deg); /* Internet Explorer */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
    -o-transform:rotate(45deg); /* Opera */
}

.w_au_list {
    max-height: 180px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #F6F7F8;
    margin-top: 10px;
    box-sizing: border-box;
    display: none;
}
.w_al {
    padding: 10px;
    position: relative;
    min-height: 40px;
    box-sizing: border-box;
    padding-left: 0px;
    margin-left: 28px;
    padding-right: 10px;
    word-break: break-word;
    border-bottom: 1px solid #ECECEC;
}

.w_a_icon {
    display: inline-block;
    height: 20px;
    width: 16px;
    top: 13px;
    background: url('i/icon_A.png');
    background-size: 100% 100%;
    position: absolute;
    vertical-align: middle;
}
.w_a_text {
    display: inline-block;
    margin-left: 28px;
    cursor: pointer;
    font-size: 12px;
    padding-right: 5px;
    line-height: 20px;
}
.w_a_user_info {
    font-size: 12px;
    color: #B3B6C5;
    letter-spacing: 0px;
    margin-left: 28px;
    margin-top: 8px;
}

.wq_more_list {
    display: none;
}
.show_or_hide_more_tri {
    transform: rotate(-135deg) !important;
    -ms-transform:rotate(-135deg) !important; /* Internet Explorer */
    -moz-transform:rotate(-135deg) !important; /* Firefox */
    -webkit-transform:rotate(-135deg) !important; /* Safari 和 Chrome */
    -o-transform:rotate(-135deg) !important; /* Opera */
    top: 2px;
}

.wm_from {
    position: absolute;
    right: 6px;
    bottom: -21px;
    font-size: 10px;
    color: #C3C5C8;
    letter-spacing: 0px;
    transform:scale(0.8);
    -ms-transform:scale(0.8); /* Internet Explorer */
    -moz-transform:scale(0.8); /* Firefox */
    -webkit-transform:scale(0.8); /* Safari 和 Chrome */
    -o-transform:scale(0.8); /* Opera */
}
.richMedia{width:502px;min-height: 82px;z-index: 100;background:#fff;bottom: 0;overflow: hidden;}
#embed .richMedia{width: 100%;}
.richMedia-title{color:#333;font-size:12px;width:95%;margin:5px auto 10px;}
.richMedia-list{width: 100%;overflow: hidden;}
.richMedia-list li{width: 30%;margin-left:2.5%;float:left;display: inline-block}
.richMedia-list li a{width: 98%;height: 29px;overflow: hidden;-moz-box-sizing: content-box;box-sizing: content-box;border: 1px solid #ddd;display: block;text-align: center;line-height: 27px;color: #4e4e4e;border-radius: 1px;margin: 5px 0;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.richMedia-list li a:visited{border-color:#7EBCF1;}

#embed .richMedia{width: 100%;}

/*coupon*/
.coupon-tip {
  padding-bottom: 10px;
  color: #888;
  font-size: 12px;
}
.lis-coupon{
	width: 460px;
}
.lis-coupon li {
  background-color: #fff;
  height: 70px;
  position: relative;
  margin-bottom: 10px;
  font-size: 12px;
}
.lis-coupon li .c-p-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(255, 255, 255, 0.5);
}
.lis-coupon li.off .c-p-mask {
  display: block;
  background: url(../img/lingqu.png) no-repeat rgba(255, 255, 255, 0.5);
}
.lis-coupon li.hover .c-p-mask {
  cursor: pointer;
  display: block;
  background-color: rgba(172, 172, 172, 0.1);
}
.lis-coupon .c-p-type-1 .c-p-lef,
.lis-coupon .c-p-type-1 .c-p-rig .c-p-tname {
  background-color: #FF526F;
}
.lis-coupon .c-p-type-2 .c-p-lef,
.lis-coupon .c-p-type-2 .c-p-rig .c-p-tname {
  background-color: #e2b44f;
}
.lis-coupon .c-p-lef {
  float: left;
  height: 100%;
  width: 110px;
  background: url(../img/icon.png) right 0 no-repeat #5885eb;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.lis-coupon .c-p-lef .c-p-p1 {
  margin-top: 8px;
  line-height: 30px;
  font-size: 18px;
}
.lis-coupon .c-p-lef .c-p-p1 strong {
  font-size: 24px;
}
.lis-coupon .c-p-rig {
  position: relative;
  cursor: pointer;
  margin-left: 125px;
  color: #555;
  height: 100%;
  border-bottom: #f2f2f2 solid 1px;
}
.lis-coupon .c-p-rig .c-p-txt {
  line-height: 1.5;
  padding-top: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.lis-coupon .c-p-rig .c-p-tname {
  background-color: #5885eb;
  color: #fff;
  padding: 0 5px;
  margin-right: 5px;
}
.lis-coupon .c-p-rig .c-p-time {
  color: #7D838A;
  position: absolute;
  bottom: 5px;
  left: 0;
}
.title{font-size: 14px}
.ml10{margin-left: 10px;}
.hide{display: none;}
.btn-wt{
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 2px;
    padding: 0 10px;
    line-height: 25px;
    color: #555;
    font-size: 12px;
}
.btn-blue{
  display: inline-block;
  line-height: 25px;
  font-size: 12px;
  border-radius: 2px;
  background: #3897E7;
  border: #3897E7 solid 1px;
  color: #fff;
  padding: 0 10px;
}
.im-list01 { width: 460px;}
.im-list01 li { border-bottom: 1px solid #e9e9e9;cursor: pointer;}
.im-list01 .sub{ clear: both;margin-right: -6px; padding: 0 10px 10px; overflow: hidden;}
.im-list01 .sub .s-1{ color: #333;}
.im-list01 .sub .name {height:46px;line-height:19px;overflow:hidden;font-size:13px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.im-list01 .pic{ margin-right: 10px; float: left;width: 62px;height: 62px; overflow: hidden;}
.im-list01 .pic img{ width: 60px;height: 60px; }
.im-list01 .bg-1{ padding: 0 10px 7px; border-bottom:1px solid #e9e9e9; border-left: none; border-right: none; background: #fff; position: relative; font-size: 1.1rem;}
.im-list01 .bot .btn-wt{float: right;margin-right: 10px;position: absolute;bottom: 0;right: 0}
.im-list01 p{word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; position: relative;}
.im-list01 p a{ color: #333;}
.im-list01 .btn {position: absolute; right: 10px; top: 8px;}
.im-list01 .bg-1 .time {padding: 0;position: absolute; right: 10px; top: 0;color: #888;}
.im-list01 .price{ color:#F23030; font-size: 14px; font-weight: 400;display: inline-block;float:left;}
.im-list01 .other{ padding: 10px 0 0; clear: both; overflow: hidden;position: relative;}
.im-list01 .other .s-1{ width:165px; display: inline-block; color:#999; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.im-list01 p strong{color: #888; vertical-align: top; font-weight: normal;}
.im-list01 .price{ color:#da4542; font-size: 14px; font-weight: 400;display: inline-block;float:left;}
.im-list01 .other .s-1{ width:165px; display: inline-block; color:#999; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.im-list01 .other>p{ padding: 0 10px; color: #999;}
.im-list01 .other .time{ position: absolute; right:10px; top: 0; text-align: right;color: #999}
.im-list02 li { padding: 9px 0 0 0;}
.im-list02 .sub { padding-bottom: 0;min-height: 73px;}
.im-list04 { padding: 10px 0 0; background: #fff; border-radius: 5px; border: 1px solid #fff;}
.im-list01[data-rel="orderList"],
.im-list01[data-css="orderList"] {
    margin: 0 -11px;
    background-color: #f7f7f7;
    overflow: hidden;
}

.im-list01[data-rel="orderList"] li,
.im-list01[data-css="orderList"] li {
    margin-bottom: 10px;
    padding: 10px 13px;
    border-top: 1px solid #e9e9e9;
    background-color: #fff;
}

.im-list01[data-rel="orderList"] li:first-child,
.im-list01[data-css="orderList"] li:first-child {
    border-top: 0;
}

.im-list01[data-rel="orderList"] li:last-child,
.im-list01[data-css="orderList"] li:last-child {
    margin-bottom: -1px;
}

.im-list02[data-template-type="orderList"],
.im-list02[data-template-type="serviceList"] {
    margin: 0 -12px;
    background-color: #f7f7f7;
    overflow: hidden;
}

.im-list02[data-template-type="orderList"] li,
.im-list02[data-template-type="serviceList"] li {
    margin-bottom: 10px;
    padding: 10px 12px;
    border-top: 1px solid #e9e9e9;
    background-color: #fff;
}

.im-list02[data-template-type="orderList"] li:first-child,
.im-list02[data-template-type="serviceList"] li:first-child {
    border-top: 0;
}
.comonMore{margin:0;padding-top: 8px;background:#FFF;cursor: pointer;text-align: center;line-height: 20px;color: #999;font-size: 0.9rem;}
.comonMore .txt{color: #336699;display:inline-block;padding-right:24px;background:url(../img/icon3.png) no-repeat right -132px}
.comonMore.up .txt{background-position:right -149px;}

.log-box{
  width: 460px;
}
.log-box .title {
}

.log-box .log-body {
    padding-top: 5px;
}

.log-box .log-row {
    padding: 10px 0 0;
    position: relative;
}

.log-box .log-row .log-point {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 35px;
}

.log-box .log-row .log-info {
    margin-left: 45px;
    margin-right: -11px;
    padding-right: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeff2;
}

.log-box .log-row:last-child .log-info {
    border-bottom: 0;
}

.log-box .log-row .log-point:before,
.log-box .log-row .log-point:after {
    position: absolute;
    left: 50%;
    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.log-box .log-row .log-point:before {
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #eeeff2;
}

.log-box .log-row:first-child .log-point:before {
    top: 14px;
}

.log-box .log-row .log-point:after {
    top: 14px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #eeeff2;
}

.log-box .log-row:first-child .log-point:after {
    top: 12px;
    width: 10px;
    height: 10px;
    background-color: #2d8ef2;
    border: 2px solid #abd2fa;
}

.log-box .log-row:last-child .log-point:before {
    height: 14px;
}

.log-box .log-row .log-text {
    line-height: 1.5;
    color: #888;
}

.log-box .log-row:first-child .log-text {
    color: #333;
}

.log-box .log-row .log-time {
    padding: 5px 0 0;
    color: #888;
}

.log-box .log-more {
    margin: 0 -11px;
    padding-top: 10px;
}
.jimi_lists .mm .btn-area.log-box-area{
    padding-top: 10px;
    position:inherit;
}
.log-box-area .log-more{
    color: #336699;
    margin: 0;
    line-height:30px;
}
.log-box-area .btn-wt{
    float: right;
    margin-left: 10px;
    line-height: 25px;
}
.customize-form .form_input .mtype{
  border:#ccc solid 1px;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  margin-right: 10px;
}
.customize-form .form_input .mtype.on{
  border-color: #f00;
  color: #f00;
}
.customize-form .form_input .tips{
  color: #eee;
}

.activityInfo{
  line-height: 2;
  width: 475px;
}
.activityInfo .ai-title{
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
  color: #333;
  font-size: 14px;
}
.activityInfo .ai-tip{
  color: #acaaaa;
  font-size: 12px;
}
.activityInfo .ai-list {
  padding-bottom: 10px;
}
.activityInfo .ai-list li{
  position: relative;
  font-size: 12px;
}
.activityInfo .ai-list .type{
  position: absolute;
  color: #fe7c7c;
  border:#fe7c7c solid 1px;
  line-height: 1.2;
  top: 5px;
  padding: 0 2px;
}
.activityInfo .ai-list .txt{
  padding-left: 75px;
}

.mycoltite{
  padding-left:76px;
  color:#333;
  font-size:28px;
  line-height:48px;
}
.mycoltitenum{
  font-size: 44px;
  color: #FF5D04;
}
.col_font{
  color: #9B9B9B;
  font-size:24px;
  margin:10px 0;
 }
.mar-l500{
  margin-left:-500px;
}
.col-table{
   width:100%
}
.btn-wt.btn-buy{
    border-color: #D5DAE0;
    display:inline-block;
    text-align:center;
    height:24px;
    line-height:24px;
    border-radius:12px;
    margin:0 auto;
    text-decoration:none;
    color:#555; 
}
.t_border{
  border-bottom:1px solid #E9E9E9;
}
.ious_li{
    list-style:none;
    border:1px solid #E9E9E9;
    margin-bottom: 20px;
    width: 450px;   
}
.ious_li:after{
  content:'';
  display:block;
  clear:both;

}
.ious_title_l{
    font-size:14px;
    color: #555;
    font-weight:bolder;
    display:block;
    float:left;
    margin-left:10px;
    max-width: 81%;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    
}
.ious_title_l.manege {
  max-width: 95%;
}
.ious_title_l.font14{
  font-size:14px;
}
.ious_title_r.font14{
  font-size:14px;
}
.ious_title_r{
  font-size: 24px;
  color: #9B9B9B;
  display:block;
}
.ious_title_num{
  display:inline-block;
  font-size:14px;
  color: #9B9B9B;
  letter-spacing: 0.46px;
  min-width:50px;
  margin-right: 10px;
}
.ious_ft{
  float:left;  
  padding:20px 0;
  margin:0 auto;
}
.ious_ft.ious_ft_r{
  text-align:center;
  margin-top: 15px;
}
.ious_dt{
  font-size:20px;
  color: #FF5D04;
  text-align:center;
  font-weight:bolder;
}
.ious_dt.add{
  color:rgb(245, 47, 62);
}
.ious_dt.short{
  color:rgb(105, 205, 142);
}
.padt20{
  padding-top:20px;
}
.ious_dd{
  font-size:12px;
  color: #666666;
  text-align: center;
  margin-top: 5px;
}
.ious_sp{
  color: #333333;
}
.iouslist{  
  width:100%;
  background-color:#F1F1F3;
}
.iouslist:after { 
  content: "." ; 
  display: block ;
  height: 0 ;
  clear: both ;
  visibility: hidden ;
}
.iouspltile{
  border-bottom:1px solid #E9E9E9;
  line-height:30px;
  height:30px;
}
.ious_title_num.ioust_r{
  float:right;
}
#bitch_more{
  color:#585959;
  background:#ffffff;
  display:block;
  border:1px solid #E9E9E9;
  padding:5px 10px;

}
#bitch_change{
  background: #3195EA;
  border-radius:100px;
  padding:10px 20px;
  color:#FFFFFF;
}
.jr-licai-list .list-panel {
    max-height: 268px;
    overflow: hidden;
    max-width: 500px;
}
.jr-baitiao-list .list-panel{
    max-height: 256px;
    overflow-y: auto;
    margin-bottom: 20px;
}
.jr-baitiao-list .ious_title_l{
  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 50%;
}
.slide-con{
    width: 480px;
    overflow: hidden;  
}
.slide-list{
    height: 100%;  
}
.slide-list .slide-item{
    float: left;
    width: 100%;
    height: 100%;
}
.slide-list .slide-item .imgOne{
    width: 100%;
    height: 100%;
    border-radius:5px;
}
.slide-list .slide-item .sImg{
    width: 100%;
    height: 100%;
}
.slide-indicator a{
    display: inline-block;
}
.slide-indicator{
    text-align: center;
    position: relative;
    min-height: 26px;
}
.tj-02 .slide-con{
    height: 110px;
}
.tj-02 .slide-item{
    position: relative;
}
.tj-02 .sub{
    position: relative;
    padding-right: 160px;
    height: 100%;
    display: inline-block;
    float: left;
}
.tj-02 .sub .view{
    position: absolute;
    bottom: 0;
    color: #888;
    font-size: 0.8rem
}
.tj-02 .sub .stitle{
    color: #333;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4;
}
.tj-02 .pic{
    width: 150px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.tj-03 .sub .stitle {
    color: #333;
    font-size: 1.2rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tj-03 .sub .view{
    color: #888;
    margin-top: 10px;
    font-size: 0.8rem
}
.tj-03 .pic{
    width: 100%;
}
.tj-03 .pic ul{
    display: -webkit-box;  
    display: -webkit-flex;  
    display: -ms-flexbox;  
    display: flex;  
    margin-top: 10px;  
    -webkit-box-pack: justify;  
    -webkit-justify-content: space-between;  
    -ms-flex-pack:justify ;  
    justify-content: space-between; 
}
.tj-03 .pic li{
    width: 30%;
    max-height: 200px;
    float: left;
}
.btn-wr{
    display: inline-block;
    margin:0 5px
}
.btn-wr span{
    box-sizing: border-box;
    display: block;
    line-height: 24px;
    padding: 4px 10px 4px 20px;
    min-width: 110px;
    background: #fff;
    border-radius: 15px 15px;
    color: #4C6B90;
    position: relative;
}
.btn-pre-one {
  position: absolute;
  left: 0;
}
.btn-next-one, .btn-change-one {
  position: absolute;
  right: 0;
}
.btn-pre-one span:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    border-top: 1px solid #4C6B90;
    border-right: 1px solid #4C6B90;
    top: 11px;
    left: 19px;
    transform: rotate(-135deg);

}
.btn-next-one span {
    padding: 4px 20px 4px 10px !important;
}
.btn-next-one span:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    border-top: 1px solid #4C6B90;
    border-right: 1px solid #4C6B90;
    top: 11px;
    right: 19px;
    transform: rotate(45deg);
}
.btn-change-one span:before {
    margin-right: 10px; content: '.';
    display: inline-block;
    text-indent: -99em;
    vertical-align: -2px;
    width: 20px;
    height: 20px;
    background: url(//img11.360buyimg.com/ddimg/jfs/t4765/322/1147569073/1410/e8bc0141/58ed9d84N348887e0.png) no-repeat center center;
    background-size: 16px 19px;
}

.price-notice-btn {
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    background-color: #4EB5E8;
    border: 1px solid #4EB5E8;
    margin-top: 8px;
    border-radius: 5px;
}
.price-notice-btn:hover {
    background:  #4EB5E8;
    border: 1px solid #4EB5E8;
}
/*金条借款*/
.acount-detail {
  background-color: #fff;
  font-size: 14px;
  letter-spacing: .3px;
  color: #888888;
  margin-bottom: -8px;
  width: 475px;
}
.acount-detail p {
  line-height: 36px;
}
.display {
  max-height: 300px;
  overflow: auto;
}
.detail-list {
  border: 1px solid #ECECEC;
  border-radius: 5px;
  height: 130px;
  clear: both;
  margin-bottom: 20px;
}
.information {
  padding: 0 20px;
  padding-top: 10px;
  overflow: hidden;
  height: 84px;
  background-color: #F9F9FA;
  clear: both;
}
.list-left {
  float: left;
}
.list-right {
  float: right;
  width: 130px;
  margin-top: 20px;
  text-align: right;
}
.status {
  color: #FF5D04;
  font-size: 22px;
  margin-left: 10px;
  letter-spacing: .73px;
}
.orange {
  color: #FF5D04;
}
.done {
  color: #333333;
}
.terms {
  margin-left: 14px;
}
.black {
  margin-left: 10px;
  color: #333333;
}
.black.lend-time {
  margin-left: 7px;
}
.lend, .order-number {
  display: inline-block;
  margin-right: 10px;
}
.lend {
  float: left;
}
.order-number {
  color: #9b9b9b;
  text-align: right;
  float: right;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 155px;
}
/* 金条还款 */
.repayment {
  display: inline-block;
  width: 50px;
  height: 24px;
  border: 1px solid #888888;
  border-radius: 40px;
  text-align: center;
  line-height: 24px;
  color: black;
}
.pay-now, .jtRepayNow {
  float: right;
  display: inline-block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  color: #333333;
  text-align: center;
  border: 1px solid #ECECEC;
}
.order-number.jt-number {
  width: 310px;
}

/* 白条分期 */
.commodity {
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 281px;
  margin-left: 10px;
}
.white-information {
  padding: 0 20px;
  margin-top: -20px;
  padding-top: 10px;
  overflow: hidden;
  height: 84px;
  background-color: #F9F9FA;
  clear: both;
}
